将自定义错误添加到 vee 验证器 (ErrorBag)

Question

是否可以将自定义错误添加到 ErrorBag

我正在使用 nuxtjs。我已经通过 nuxt.config.js

将 vee-validate 注册到我的插件中

它工作正常但是

我想在模板中使用相同的错误代码

例如：

 <template>
   <div v-if="errors.all().length>0">
       //loop through
   </div>
 </template>

我正在使用 axios 获取用户信息。如果请求没有 return 我预期的数据集。我在想我可以简单地

 this.errors.push('this is my error message') //-> or some variant of this

当我这样做时，我发现 this.errors.push 不是函数

我知道

this.errors = ErrorBag{ __ob__: Observer} //-> has items and a vmId attributes

如果我修改代码以推送到 ErrorBag，我将收到未定义的推送

Answer 1

在 ErrorBag 的 API 中有记载。您可以添加自定义消息，例如：

// For example, you may want to add an error related to authentication:
errors.add({
  field: 'auth',
  msg: 'Wrong Credentials'
});

Add custom errors to vee validator(ErrorBag)