Object component v2.5.0+

Object component function can be realized through object component

Example

<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>

Configuration

props

property	Direction	Type	Default
rule	Rules for nested components	Array	-
options	Sub-form configuration	Object	-
disabled	Disable	Boolean	false

events

Event name	Direction	return value
change	Triggered after the value changes	-
itemMounted	Triggered after the sub-form is initialized	-
[field-emitName]	Subform emit event	-