vee-validate 表单验证
vee-validate
vee-validate 一个轻量级的 vue表单验证插件。
使用教程:
1 安装:
npm install vee-validate --save
2 使用 中文提示(按照教程捣鼓了,不行,自己摸索的写法。)
main.js 添加
import Vue from 'vue'
import VeeValidate, {Validator} from 'vee-validate';
import zh from 'vee-validate/dist/locale/zh_CN';
Validator.addLocale(zh);
const config = {
locale: 'zh_CN'
};
Vue.use(VeeValidate,config);
3使用
第一个例子:
<div class="column is-12">
<label class="label" for="email">Email</label>
<p :class="{ 'control': true }">
<input v-validate="'required|email'" :class="{'input': true, 'is-danger