vee-validateエラーオブジェクト - _vm.errorsは定義されていません

Question

これはVue.use()vee-validate検証パッケージをインストールするのに使用していなかった私の.vueコンポーネントファイルです。ドキュメントで説明されているように、モジュールはdataオブジェクトにerrorsオブジェクトを挿入します。

しかし、私はエラー_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> 

Answer 1

私は、ソート同様の問題があったが、私はこれらのバージョン使用しています：

"VEE-検証"： "^ 2.0.0-rc.21"、 "VUE"：「^ 2.5を。 2" 、

その場合には、あなたが使用してエラーコレクションにアクセスすることができます。これを$ validator.error

はVEE-検証をスペックを見送り： http://vee-validate.logaretm.com/api.html#error-bag

スクロールダウンして、あなたがこの参照してください。

バリデータを

バリデータが自動的に$バリデータとしてVueのインスタンスに注入されます。ただし、スタンドアロンクラスでもあり、プログラムで値を検証するために個別に使用できます。コンストラクタは、オプションで各フィールド名を一連の検証にマップするオブジェクトを取ります。