Del curso: Vue avanzado 2
Accede al curso completo hoy mismo
Únete hoy para acceder a más de 23.700 cursos impartidos por expertos del sector.
Composición de formularios con Vuetify - Tutorial de Vue.js
Del curso: Vue avanzado 2
Composición de formularios con Vuetify
Vuetify tiene gran variedad de componentes para construir formularios. También incluye funcionalidad para hacer [mapeaciones] y mostrar mensajes de errores en caso de que los datos no sean correctos. Aquí tenemos un ejemplo con varios tipos de componentes. Tenemos un campo de texto Nombre, otro que es Correo electrónico, otro que nos permite seleccionar un valor edad utilizando un "slider", un "select", como puedes ver aquí, que incluye íconos que personalizan el [label] de este componente. Tenemos "radio buttons", un "checkbox" y también un componente que nos permite seleccionar una fecha. Aquí puedes notar, por ejemplo, que, como yo no he agregado texto en este campo, Vuetify me está tirando un error diciéndome que el campo es requerido. Yo voy a poner un valor aquí. Igual lo voy a hacer con el correo electrónico. Puedes notar que si yo pongo un texto "random", Vuetify me va a indicar que el correo electrónico no es válido, ya que está esperando el formato de un correo electrónico…
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
(Bloqueado)
Introducción a Vuetify3 min 6 s
-
(Bloqueado)
Estructura de una vista general con Vuetify3 min 20 s
-
Barras de navegación y menús con Vuetify3 min 54 s
-
(Bloqueado)
Manejo del grid en Vuetify4 min 6 s
-
(Bloqueado)
Composición de formularios con Vuetify6 min 54 s
-
(Bloqueado)
Tipos de botones en Vuetify3 min 59 s
-
(Bloqueado)
Contenedores especiales y grupos en Vuetify4 min 1 s
-
(Bloqueado)
-
-
-
-
-