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

问题描述

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

This is my .vue component file in which I wasn't to use Vue.use() to install vee-validate validation package. The module, as mentioned in the docs, will inject an errors object to the data object.

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

But I do get the error _vm.errors is undefined. I'm not sure if I'm instantiating it properly.

此外，import Vue from 'Vue' 和 Vue.use(VeeValidate) 是否仅对这个组件使用"vee-validate?(这是我想要的这样做).

Also, will import Vue from 'Vue' and Vue.use(VeeValidate) "use" vee-validate for only this component?(which is what I want it to do).

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

推荐答案

我有一个类似的问题，但我正在使用这些版本:

I had a sort alike issue but I am using these versions:

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

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

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

and in that case you can access the errors collection using: this.$validator.error

查看 vee-validate 的规格:

see specs off vee-validate:

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

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

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

向下滚动，您会看到:

验证器

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

这篇关于vee 验证错误对象 - _vm.errors 未定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！