1、常用属性说明
(1)[:inline="true"行内表单模式:每个el-form-item横排
(2)、:rules="outLibRule"定义校验规则,例如必填
(3)、label-position="top"表单域标签的位置为top
(4)、:model=”workForm”表单绑定数据源
(5)、表单中el-form-item标签行间距,默认行间距比较大,margin-bottom: 20px;
.el-form-item {margin-bottom: 3px;}
2、常用校验注意问题
(1)、trigger: 'blur'和trigger: 'change'使用时注意。
3、自定义校验:
(1)、input框位数限制,在中使用,
例如:即限制最大input框输入为3.
(2)、为了便于统一管理,自定义的校验均定义到src/common/js/validate.js中,
(3)、自定义校验一定要有callback();回调函数,vlaue一般为字符串类型的
使用时引用如下
import { checkBoxNum } from '@/common/js/validate';即可使用。
4、form表单数据情清空容易遇到的问题
网友评论