Vue.js VeeValidate 如何在用户完成输入之前阻止验证

Question

I'm using VeeValidate to validate user's inputs in my vue component. The problem is it is validate the fields immediately when user start to input the data in to field.

In here even I didn't finish the enter my email it says invalid email.

How can I prevent this? I want to display error message after the user focus out from the field.

Answer 1

You need to add

data-vv-validate-on="blur" 

to the component attributes. I'd link to the documentation, but I actually didn't find any mention of this attribute in their official documentation.

Answer 2

在 v3.0 中它是mode="lazy"你需要https://vee-validate.logaretm.com/v3/guide/interaction-and-ux.html#interaction-modes