# FormList 表单组件
组件简介
- 基于a-form进行封装
- 支持挂载自定义的表单项
代码演示
基础用法
组件内置的表单项类型支持,placeholder如果不填写会自动生成
- text:对应 a-input组件
- select:对应 a-select组件
- number:对应 a-input-number组件
- radio:对应 a-radio-group组件
- datetime:对应 a-date-picker组件
- datetimeRange:对应 a-range-picker组件
- cascader:对应 a-cascader组件
- timepicker:对应 a-time-picker组件
- textarea:对应 a-textarea组件
- multiple:对应 a-select组件的multiple模式
- file:对应文件上传组件
快速校验
由于rules配置逻辑中的message提示有可提取性,故设计了quickRule参数用于自动生成错误提示文本
- required:必填限制,出错后提示 ${title}必须填写
- max:最大字符限制,出错后提示 ${title}不能超过${max}字符
- min:最小字符限制,出错后提示 ${title}不能少于${min}字符
- phone:手机号码验证,出错后提示 不是一个有效的电话号码
- pattern:正则验证,出错后提示 ${title}不合法
复杂用法
当默认的表单类型不满足需求时,可以使用formSlot挂载一个自定义的组件,利用v-decorator绑定
自定义表单项的相关内容参见 a-form自定义表单控件
注意,配置中的rules/quickRule等并不会作用于自定义的表单控件
自定义表单尾部
可以隐藏或者通过slot自定义表单脚部,使用FormList的Method提交表单
结合动作配置使用
可以结合动作配置使用