跳到主要内容

动态表单项

可以手动增删表单项的组件,支持各种控件,支持自定义操作

何时使用

  • 需要动态增减相同类型的数据时
  • 比如添加多个{name, age}数据项

功能演示

假设需要在表单中动态增删用户数据:[{name, age}]

1. 添加动态表单项

刚加入动态表单项时还呈现为空插槽状态(斑马条纹),因为此时的动态表单项还没有被指定要用的控件。 动态表单项

2. 添加控件

用户数据由name和age组成,因此我们需要给动态表单项加入两个输入框: 添加控件

3. 效果预览

此时表单的“表单项0”就会输出一个对象数组,该表单项的常规配置与其他表单项一样,如标题、字段名、提示语、后置插槽等 效果预览