Vee Validate 阻止我的组件出现运行、errors.first 故障

Question

我有一个 buefy 表单可以加载 buefy 数据 table，我正在尝试验证我的输入字段，而 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'
})

Answer 1

AAAAAh，想通了！因此，如果您在 Vue 上使用另一个 npm 包或插件，它们在其数据或函数或计算数据中使用相同的 errors 关键字，或者您需要在 VeeValidate 中指定错误名称的任何内容，并且只有在 Vee Validate 中优先考虑任何其他包时才会发生这种情况。我已经使用以下方法完成了此操作：

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

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

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

Vee Validate 阻止我的组件出现运行、errors.first 故障

Vee Validate stops my component from running, errors.first malfunction

vue.js

vee-validate

buefy

Vee Validate 阻止我的组件出现 运行、errors.first 故障

Vee Validate stops my component from running, errors.first malfunction

vue.js

vee-validate

buefy

Vee Validate 阻止我的组件出现运行、errors.first 故障