vue行间距_vuejs+elementUI前端页面总结

[if !supportLists]一、[endif]表单：

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、自定义校验：

[if !supportLists](1)[endif]、input框位数限制，在中使用，

例如：即限制最大input框输入为3.

[if !supportLists](2)[endif]、为了便于统一管理