Vee验证会停止我的组件的运行,出现错误。第一次出现故障

时间:2019-06-07 23:18:40

标签: vue.js vee-validate buefy

我有一个buffy表单,可加载buufy数据表,我正在尝试验证我的输入字段,而vee validate是我的最佳选择。

我的错误消息将显示在message上的b-field中。像这样的东西::message="errors.first('lastname')"

现在我在控制台中收到以下错误:

vue.esm.js?efeb:1897 TypeError: _vm.errors.first is not a function

和以下警告:

[Vue warn]: Error in render: "TypeError: _vm.errors.first is not a function"

我已经在线搜索并在main.js中尝试了以下解决方案:

Vue.use(VeeValidate, {
  errorBagName: 'vErrors'
})

1 个答案:

答案 0 :(得分:0)

AAAAAh,想通了这个! 因此,如果您在Vue上使用另一个npm软件包或附加组件,而在它们的数据或函数或计算数据中使用了相同的errors关键字,或者需要在VeeValidate中指定错误的名称,并且只有在上述Vee Validate优先考虑其他任何软件包的情况下,才会发生这种情况。我已经使用

完成了此操作
Vue.use(VeeValidate, {
  errorBagName: 'vErrors'
})

但是问题是我没有在验证消息中使用新名称。

因此消息将包含: vErrors.first('lastname')