vee-validate 错误对象 - _vm.errors 未定义答案

【问题标题】：vee-validate error object - _vm.errors is undefinedvee-validate 错误对象 - _vm.errors 未定义
【发布时间】：2016-12-15 11:18:54
【问题描述】：

这是我的 .vue 组件文件，我不会在其中使用 Vue.use() 来安装 vee-validate 验证包。如文档中所述，该模块会将errors 对象注入data 对象。

但我确实收到了错误 _vm.errors is undefined。我不确定我是否正确实例化它。

另外，import Vue from 'Vue' 和 Vue.use(VeeValidate) 是否会仅针对该组件“使用”vee-validate？（这是我想要它做的）。

<template>
<input class="form-control" name="name" placeholder="Name" type="text" v-model="player.name" v-validate data-vv-rules="alpha|min:2|max:50" :class="{'input': true, 'is-danger': errors.has('name') }">
</template>

<script>
import Vue from 'Vue';
import VeeValidate from 'vee-validate';
Vue.use(VeeValidate);

export default {
  data() {
    return {
      // errors: '',
      showForm: false,
      player: null
    }
  }
}
</script>

【问题讨论】：

您使用的是哪个版本的 vue 和 vee-validate？
Vue 是 2.1.0 而 vee-validate 是 2.0.0-beta.17
代码看起来是正确的，你能在 jsfiddle 上重现这个吗？
@saurabh 我似乎无法在 jsfiddle 上复制它。它工作正常。我通过 vue-cli 'webpack-simple' 引导程序使用它。

标签： vue-component vue.js

【解决方案1】：

我遇到了类似的问题，但我正在使用这些版本：

"vee-validate": "^2.0.0-rc.21", "vue": "^2.5.2",

在这种情况下，您可以使用以下方法访问错误集合：this.$validator.error

查看 vee-validate 的规格：

http://vee-validate.logaretm.com/api.html#error-bag (404!)

新链接： http://vee-validate.logaretm.com/v2/api/errorbag.html

向下滚动，您会看到：

验证器

验证器会自动作为 $validator 注入到 Vue 实例中。然而，它也是一个独立的类，可以单独用于以编程方式验证值。构造函数可以选择使用一个对象将每个字段名称映射到一组验证。

【讨论】：

404 在链接上。
@Jordan : 提供新链接