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

时间:2018-05-03 09:48:47

标签: javascript validation vue.js vuejs2

我正在使用VeeValidate来验证我的vue组件中的用户输入。 问题是当用户开始将数据输入到字段时立即验证字段。

enter image description here

在这里,即使我没有完成输入我的电子邮件,也说无效的电子邮件。

我该怎样防止这种情况? 我希望在用户从该字段开始关注后显示错误消息。

2 个答案:

答案 0 :(得分:3)

您需要添加

data-vv-validate-on="blur" 

到组件属性。我链接到文档,但实际上我没有在他们的官方文档中找到任何关于这个属性的提及。

答案 1 :(得分:0)