vue.js - Vee Validate 阻止我的组件运行，errors.first 故障

Question

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

啊啊啊，想通了这个！因此，如果您在 Vue 上使用另一个 npm 包或插件，errors在其数据或函数或计算数据中使用相同的关键字，或者您需要在 VeeValidate 中指定的任何内容，那么您的错误名称将是什么，这只会发生如果 Vee Validate 优先考虑任何其他包。我已经使用：

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

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

所以消息将包含： vErrors.first('lastname')