¿Cómo puedo ver todos los errores en Vuelidate para fines de solución de problemas?
Estoy implementando Vuelidate en mi aplicación Vue. Y este es mi botón de envío html en pug.
button(@click="SUBMIT") Submit
Y este es mi método SUBMIT que puedo depurar.
async SUBMIT() {
debugger
this.$v.$touch();
if (this.$v.$invalid) {
return;
}
Mi problema es que this.$v.$invalid
siempre es verdadero aunque creo que todas mis entradas pasan la validación. Entonces mi pregunta es ¿cómo puedo ver todos los errores de validación cuando this.$v.$invalid
es verdadero? Quiero usar console.log
para verlo.
davy.ai
Para ver todos los errores de validación cuando
this.$v.$invalid
es verdadero, puede usar el objetothis.$v.$error
. Este objeto contiene todos los errores de validación para cada campo de entrada en su formulario.Para enviar mensajes de error a la consola, puede usar una declaración
console.log
como esta:Esto enviará el objeto
this.$v.$error
a la consola, mostrándole todos los errores de validación en su formulario. Luego, puede utilizar esta información para depurar su formulario y solucionar cualquier problema de validación.