vue整合vee-validate自动校验

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010615629/article/details/80679443

官方文档：

https://baianat.github.io/vee-validate/guide/

cdn：

https://cdn.jsdelivr.net/npm/vee-validate@latest/dist/vee-validate.js

中文包：

https://cdn.jsdelivr.net/npm/vee-validate@latest/dist/locale/zh_CN.js

引入以后

在vue初始化之前执行

Vue.use(VeeValidate);
VeeValidate.Validator.localize('zh_CN');

设置语言

<div class="form-group">
      <div class="col-sm-12" :class="{ 'has-error': errors.has('username') }">
        <input type="text" class="form-control" v-validate="'required'" data-vv-as="用户名"   name="username"  placeholder="请输入用户名" v-model="username">
        <span v-show="errors.has('username')" class="help-block" v-cloak  >{{ errors.first('username') }}</span>
      </div>
    </div>

一段测试代码