# FormList 表单组件

组件简介

  • 基于a-form进行封装
  • 支持挂载自定义的表单项

代码演示

基础用法

组件内置的表单项类型支持,placeholder如果不填写会自动生成

快速校验

由于rules配置逻辑中的message提示有可提取性,故设计了quickRule参数用于自动生成错误提示文本

  • required:必填限制,出错后提示 ${title}必须填写
  • max:最大字符限制,出错后提示 ${title}不能超过${max}字符
  • min:最小字符限制,出错后提示 ${title}不能少于${min}字符
  • phone:手机号码验证,出错后提示 不是一个有效的电话号码
  • pattern:正则验证,出错后提示 ${title}不合法

复杂用法

当默认的表单类型不满足需求时,可以使用formSlot挂载一个自定义的组件,利用v-decorator绑定

自定义表单项的相关内容参见 a-form自定义表单控件

注意,配置中的rules/quickRule等并不会作用于自定义的表单控件

结合动作配置使用

可以结合动作配置使用

Api