vee-validate使用

https://github.com/baianat/vee-validate

npm install vee-validate --save

import Vue from 'vue';
import VeeValidate from 'vee-validate';

Vue.use(VeeValidate);

<input v-validate="{ required: true, email: true }" type="text" name="email">

laravel风格的表单错误提示判断

<div class="form-group" :class="{'has-error' : errors.has('name')}">
<label for="name" class="col-md-3 control-label">用户名</label>

<div class="col-md-7">
<input id="name" v-validate="{ required: true, min: 4}" v-model="name" type="text" class="form-control" name="name" value="" required autofocus>
<span class="help-block" v-show="errors.has('name')">{{ errors.first('name')}}</span>
</div>
</div>

此时报错信息为 name is requried.

import zh_CN from 'vee-validate/dist/locale/zh_CN';
import VeeValidate, { Validator } from 'vee-validate';

// Localize takes the locale object as the second argument (optional) and merges it.
Validator.localize('zh_CN', zh_CN);

// Install the Plugin.
Vue.use(VeeValidate);

使用汉化包 ，对报错信息进行修改



现在报错会是‘name是必须的’，然而并不是想要的效果，name还是英语显示，在input表单中加入属性data-vv-as="用户名" 这样报错信息会显示成‘用户名是必须的’

参考 http://vee-validate.logaretm.com/localization.html#localized-files
用户名是必须的 这样的报错并不友好，需要自定义提示信息
https://github.com/baianat/vee-validate/blob/master/locale/zh_CN.js
找到zh_CN的包，对内容进行编辑