1、在代码中,添加属性::rule
|
2.新建一个文件(validate.js)定义验证规则
|
3、在页面(xx.vue)中引入验证规则定义的文件,并在export default中定义rule规则,使用语法:{validator:验证方法,trigger:验证触发} validator
|
以下是validator.js文件的部分验证方法
|
文章标签 vue触发rules规则显示提示信息 前端 javascript 前端框架 ViewUI 文章分类 架构 后端开发
1、在代码中,添加属性::rule
|
2.新建一个文件(validate.js)定义验证规则
|
3、在页面(xx.vue)中引入验证规则定义的文件,并在export default中定义rule规则,使用语法:{validator:验证方法,trigger:验证触发} validator
|
以下是validator.js文件的部分验证方法
|
在Vue中因为新增属性所以表单校验不用像以往需要在各种 if 或 swith 判断,在form标签中通过 :rules 属性绑定 data 中定义的表单校验规则来进行加载,然后给各个 input 标签添加 prop 属性来绑定不同的表单校验规则名称来进行不同的规则校验表单校验规则,以登陆举例:1. 在 form 表单中绑定一个校验规则,并且在data中声明 2. data 中定义所
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M