vee-validate vee-validate 一个轻量级的 vue表单验证插件。

vee-validate
vee-validate 一个轻量级的 vue表单验证插件。

安装最新版本报错,这里安装2.x版本
推荐安装旧版本2.2.15 没问题

导入 入口.js文件中导入 ,这里是main.js

import VeeValidate from "vee-validate";
Vue.use(VeeValidate);

使用

<input
        v-validate="{ required: true, min: 3, max: 7 }"
        name="email"
        type="text"
      />

-required:true, 必须属性,其他的为校验规则
-name='email' 校验失败可以通过 errors.has('email')判断是否校验失败

//校验失败增加 error的类
:class="{ error: errors.has('email') }"

其他的校验规则参考 官网
https://baianat.github.io/vee-validate/guide/rules.html#required