Vue.js 我应该如何在手机浏览器上使用VeeValidate 3？

使用VeeValidate在移动平台上验证基本表单时似乎存在问题

表单继续报告错误，尽管用户正在更正条目。桌面浏览器上没有问题

我正在使用vue 2.6.11、vee validate 3.4.5，并在Android 8和谷歌键盘的手机上使用Firefox进行测试

<template>
  <ValidationProvider rules="required|min:2"  v-slot="v">
    <input v-model="value" type="text">
    <span>{{ v.errors[0] }}</span>
  </ValidationProvider>
</template>

<script>
import { ValidationProvider } from 'vee-validate';
import { extend } from 'vee-validate';
import {min, required} from "vee-validate/dist/rules";


extend('required', required);
extend('min', min);

export default {
  name: "ValidateTest",
  components: {
    ValidationProvider
  },
  data() {
    return {
      value: ''
    }
  }
}
</script>

{{v.errors[0]}
从“vee validate”导入{ValidationProvider}；
从'vee validate'导入{extend}；
从“vee validate/dist/rules”导入{min，required}；
扩展（“必需”，必需）；
扩展（'min'，min）；
导出默认值{
名称：“验证测试”，
组成部分：{
验证提供程序
},
数据（）{
返回{
值：“”
}
}
}

一旦我开始输入，我会像预期的那样出现错误“{field}无效”，但在我输入超过至少2个字符后，错误仍然存在。如果单击页面上的任意位置，错误将消失。如果我再次开始键入，即使超过所需的2个字符，也会返回错误

更新 这是我第一次尝试对移动浏览器进行表单验证。环顾四周，手机上的表单验证似乎涉及到我以前没有意识到的额外复杂性。有一个很好的讨论（一般性讨论-与Vue.js或VeeValidate无关）

---

现在，我将根据用户是在台式机上还是在移动设备上，研究以不同方式处理验证的可能性。对于移动浏览器，我可能只进行服务器端验证并返回有用的消息。我仍然希望Vue.js验证框架能够处理跨浏览器工作的所有平台或技术……我已经用css类替换了VeeValidate，用于验证状态和使用每个输入的计算值显示的消息。计算值确定输入值是否有效。这在移动设备上可以顺利工作，并且足以满足我的基本形式的需要

这是更简单的使用