form-create handle示例 当评价小于3星时输入差评原因

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

<script>
    export default {
        data(){
            return {
                fApi:{},
                options:{
                    onSubmit:(formData)=>{
                        alert(JSON.stringify(formData))
                    }
                },
                rule:[
                    {
                        type:'rate',
                        field: 'star',
                        title:'评分',
                        value:5,
                        control:[
                            {
                                handle(val){
                                    return val < 3
                                },
                                rule:[
                                    {
                                        type:'input',
                                        field:'info',
                                        title:'差评原因',
                                        value:'default info', 
                                    } 
                                ]   
                            }                                              
                        ]
                    }
                ]
            }
            
        }
    }
</script>