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

Question

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

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

此外，将import Vue from 'Vue'和Vue.use(VeeValidate)“使用”vee验证只有这个组件？（这是我想要它）。

<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> 

Answer 1

我身上有一种相似的问题，但我使用这些版本：

“V型验证”： “^ 2.0.0 rc.21”， “VUE”：“^ 2.5。 2" ，

，并在这种情况下，您可以访问使用错误收集：此$ validator.error

送行V型验证规格： http://vee-validate.logaretm.com/api.html#error-bag

向下滚动，你会看到这一点：

验证

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