对象组件 v2.5.0+

可以通过object组件实现对象组件功能

示例

<template>
<div>
    <p>value: {{value.object}}</p>
    <form-create :rule="rule" v-model="fApi" :option="options" :value.sync="value"/>
</div>
</template>

<script>
    export default {
        data(){
            return {
                fApi:{},
                value:{},
                options:{
                    onSubmit:(formData)=>{
                        alert(JSON.stringify(formData))
                    }
                },
                rule:[
                    {
                        type:'object',
                        field:'object',
                        title:'object',
                        value:{field1:'aaa',field2:'sss'},
                        props:{
                            rule: [
                                {type:'input', field:'field1',title:'field1'},
                                {type:'input', field:'field2',title:'field2'},
                            ]
                        }
                    },
                ]
            }
            
        }
    }
</script>

配置

props

属性	说明	类型	默认值
rule	嵌套组件的规则	Array	-
defaultValue	设置子表单的默认值	Object	-
options	子表单配置	Object	-
disabled	禁用	Boolean	false
syncDisabled	与子表单强制同步 disabled 状态	Boolean	true

on 事件

事件名	说明	返回值
change	value 发生变化后触发	-
itemMounted	子表单初始化完成后触发	-
[field-emitName]	子表单 emit 事件	-