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
