Skip to content

添加/删除表单项

通过内置组件 ArrayContainer 来快速实现动态的添加删除表单项

TIP

组件必须配置 arrayKeyPath 字段,该字段是 formData 到动态数组的路径,配置该字段后 ArrayContainer 组件的子组件为表单的字段直接配置为数组项的字段即可,组件会自动生成数组关系。

基础用法

loading

进阶用法

进阶用法主要有自定义新增、删除按钮的文本; 可配置动态表单项的最大和最小数量,以及根据最大最小值控制按钮的显示; 可控制新增是否填充默认值配置;可自定义容器层样式等。

loading

组件属性

属性名说明类型默认值
arrayKeyPath数组路径string
children子项渲染协议数组(子组件)ComponentConfig[]
max最大表单项数量number1000
min最小表单项数量number0
limitButtonDisplay达到最大或最小表单数量时不显示按钮boolean
removeText自定义删除按钮文本string
addText自定义新增按钮文本string
isSetDefaultValue新增时是否初始化默认值boolean
style_container自定义最外层容器样式string Record<string, string>
style_item_wrap自定义项容器样式string Record<string, string>
style_item_content自定义动态项容器样式string Record<string, string>
style_btnAdd_container自定义新增按钮容器样式string Record<string, string>
style_btnDel_container自定义删除按钮容器样式string Record<string, string>

Released under the MIT License.