Vee-validate if/else 输入字段

Question

如果出现错误，我想在输入元素中添加一个class (border 1px solid #ff0000)。喜欢：

错误：

errors.has(name)

输入：

<input v-validate="validate" v-on:input="updateValue($event)" :type="type" :placeholder="placeholder"
               :name="name" :value="value" :class="classname" :id="id">

我怎样才能做到这一点？

Answer 1

将您的 class 与 errors.has 条件绑定

<input v-validate="validate" :name="name" :class="{'classname': errors.has(name)}">

Vee-validate if/else 输入字段

Vee-validate if/else input field

vuejs2

vee-validate