Question

使用vee-validate，一个用于表单验证的Vue.js插件，我希望在验证输入字段后显示图像。如您所见，我尝试使用v-show="!errors.has('fname')"执行此操作。问题是，图像将在验证发生之前显示，因为那时没有错误。当相应的输入字段有效时，如何显示图像？

<form>
  <input v-validate="{rules: {required: true, alpha: true, min: 3}}"type="text" id="fname" name="fname"/>
  <img v-show="!errors.has('fname')" class="check-icon" src="../../assets/png/check-icon.png" alt="check-icon"/>
</form>

Answer 1

v-show="!errors.has('fname') && input is not empty"

使用vee-validate在Vue.js中表单字段有效时添加元素

1 个答案: