表单

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表单数据情清空容易遇到的问题