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

【问题标题】：Vue.js VeeValidate how to prevent validation until user finished the inputVue.js VeeValidate 如何在用户完成输入之前阻止验证
【发布时间】：2018-05-03 09:48:46
【问题描述】：

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

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

如何防止这种情况发生？ 我想在用户从现场移开注意力后显示错误消息。

【问题讨论】：

标签： javascript validation vue.js vuejs2

【解决方案1】：

你需要添加

data-vv-validate-on="blur"

到组件属性。我会链接到文档，但实际上我在他们的官方文档中没有找到任何提及此属性的内容。

【讨论】：

【解决方案2】：

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

【讨论】：