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

时间:2019-03-27 19:31:01

标签: vue.js vuejs2 vee-validate

是否可以向ErrorBag中添加自定义错误

我正在使用nuxtjs。我已经通过nuxt.config.js将vee-validate注册到了我的插件中

它很好用

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

例如:

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

我正在使用axios来获取用户信息。 如果请求未返回我的预期数据集。我以为我可以

 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上,则会得到未定义的推送

1 个答案:

答案 0 :(得分:2)

它在ErrorBag的API中有记录。您可以添加自定义消息,例如:

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

在此处查看文档以了解更多信息:https://baianat.github.io/vee-validate/api/errorbag.html#api