title: 数组组件/组件嵌套

数组组件/组件嵌套

可以通过group组件实现组件数组,嵌套对象功能

示例

group

在线示例

Maker

  1. maker.group('标签',' label',[]).props({
  2.         min:1,
  3.         max:5,
  4.         rule:{
  5.             type:'input',
  6.             field:'input',
  7.             props:{disabled:false},
  8.             validate:[{required:true}]
  9.         }
  10.     }).validate([
  11.         {required:true, type: 'array', min: 1, message: '最少添加1个标签'}
  12. ])

JSON

  1. {
  2.     type:"group",
  3.     title:"标签",
  4.     field:" label",
  5.     value:[],
  6.     props:{
  7.         min:1,
  8.         max:5,
  9.         rule:{
  10.             type:'input',
  11.             field:'input',
  12.             props:{disabled:false},
  13.             validate:[{required:true}]
  14.         }
  16.     },
  17.     validate:[
  18.         {required:true, type: 'array', min: 1, message: '最少添加1个标签'}
  19.     ]
  20. }

value: Array

props

属性 说明 类型 默认值
rule 嵌套组件的规则,通过此属性设置时,值为Array(需要获取值的组件规则,必须定义 field,如果有多个默认取第一个) Object -
rules 嵌套组件的规则,通过此属性设置时,值为Array<Object>(需要获取值的组件规则,必须定义 field) Array -
min 最少添加几项 Number -
max 最多添加几项 Number -
expand 默认展开几项 Number -
button 是否显示操作按钮 Boolean -
fontSize 操作按钮字体大小 Number 28
disabled 禁用 Boolean false

on 事件

事件名 说明 返回值
add 增加一项后触发 -
remove 删除一项后触发 -
itemMounted 新增的子表单初始化完成后触发 -
[field-emitName] 子表单 emit 事件 -