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

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…

Contenido