Vusjs Vee-validate 如果验证后没有错误，则添加类

Question

Ik 有以下 input.vue 模板，一切正常，但如果输入一些文本并验证后没有错误，我该如何实现/添加一个类？

<input 
v-validate="validate" 
v-on:input="updateValue($event)" 
:type="type" 
:placeholder="placeholder"
:name="name" :value="value" 
:class="{'form-control':'form-control','errorinput': errors.has(name)}" 
:id="id">

export default {
inject: ['$validator'],
props: {
validate: String,
type: String,
placeholder: String,
name: String,
value: String,
classname: String,
id: String,
label: String,
labelvalue: String
},
methods: {
updateValue: function (evt) {
console.log(this.errors);
this.$emit('input', evt)
}
}
}

Answer 1

验证后，该字段将具有dirty标志。您可以通过执行$validator.fields.find({ name: name }).flags.dirty来获取脏标志。

这是一个示例，说明如何在验证后通过组合dirty和errors.has添加类而不会出错

:class="{
'form-control':'form-control',
'errorinput': errors.has(name),
'noerrorinput': $validator.fields.find({ name: name }) 
&& $validator.fields.find({ name: name }).flags.dirty 
&& !errors.has(name)
}"