表单重置 vee 验证 3 后出错

Question

我正在使用 vee-validate 3.1.1 和 vue 2.5.17。

成功提交表单后，我正在重置输入

this.name = ''

但是在重置输入后会显示验证错误消息，如下图所示

在 vee-validate 2 中也有同样的问题。* 我用这段代码解决了这个问题

this.$nextTick(() => {
    this.errors.clear();
})  

Answer 1

//first reset your form values
this.name = '';
//then do this to reset your ValidationObserver
this.$nextTick(() => this.$refs.observer.reset());

这要求您将表单输入包装在具有属性的 ValidationObserver 中ref="observer"。否则，您可能希望reset在同一个回调中调用您使用的每个 ValidationProvider的方法。

有关他们为 vee-validate 提供的示例，请参见此处。“重置表单”涵盖了您正在执行的操作，下一个示例显示了我正在谈论的内容（“使用 $refs 进行编程访问”）。