字节笔记本字节笔记本

Form-create 自定义组件的使用

2022-04-01

使用Form-create自定义组件可以生成带有加载状态的按钮和标题卡片。

Form-create 自定义组件的使用

生成一个button

<template>
    <form-create v-model:api="fApi" :rule="rule" :option="options"/>
</template>

<script>
    export default {
        data(){
            return {
                fApi:{},
                options:{
                     submitBtn: false
                },
                rule:[
                    {
                        type:'a-button',
                        props:{
                            loading: true
                        },
                        children:['一个加载按钮']
                    }
                ]
            }
            
        }
    }
</script>

生成一个卡片

<template>
    <form-create v-model:api="fApi" :rule="rule" :option="options"/>
</template>

<script>
    export default {
        data(){
            return {
                fApi:{},
                options:{
                    submitBtn: false
                },
                rule:[
                  {
                    type: 'a-card',
                    props:{
                      title:'Card title'
                    },
                    children: ['card content']
                  }
                ]
            }

        }
    }
</script>