Vue中表单校验

最新推荐文章于 2024-08-10 11:51:29 发布

weixin_30593443

最新推荐文章于 2024-08-10 11:51:29 发布

阅读量103

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Kyaya/p/10309638.html

版权

1.安装校验插件vee-validate

npm install vee-validate --save

2.在main.js中引用插件

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

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

3.基础使用

<div class="loginline">
	<input type="text" placeholder="账号" v-model="username" name="username" v-validate="'required|min:2'" data-vv-as="账号" >
	<span class="errormsg">{{ errors.first('username') }}</span>
</div>

转载于:https://www.cnblogs.com/Kyaya/p/10309638.html