添加元素时窗体字段是有效的Vue.js用三角带验证

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"