Validar componentes anidados en Vuejs 2 con VeeValidate

Fecha de publicación: junio 10, 2019

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on google
Google+
Share on whatsapp
WhatsApp
Share on email
Email

En el tutorial anterior vimos cómo validar formularios con Vuejs 2 y VeeValidate, pero hubo un paso muy importante que obviamos, los componentes anidados.

Cuando me refiero a componentes anidados lo hago en referencia a cualquier componente que se esté utilizando dentro de un formulario que estemos validando con VeeValidate, por ejemplo el siguiente caso.

Me refiero al caso del componente MyDateComponent, es un componente que estamos utilizando en nuestro formulario y queremos que se valide de la misma forma que lo hacen el resto de campos de este formulario, para conseguirlo, tenemos que inyectar el validador en ese componente de la siguiente forma.

Sólo por inyectar $validator con inject tenemos suficiente, de esta forma tan sencilla podemos Validar componentes anidados en Vuejs 2 con VeeValidate.

¿Quieres acceder a más de 150 cursos de PHP y JavaScript?

¿Quieres ganar tiempo en tus desarrollos con nuestros proyectos descargables?


Vue, Laravel, Inertia, NodeJS, WordPress, Serverless, React Native, Amazon Web Services y mucho más

Hazte Premium y consigue acceso completo
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login

Create an Account Back to login/register