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 100 cursos de PHP y JavaScript?

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

Quiero hacerme Premium
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login