JS 动态表单From Create 添加前缀后缀

<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:'input',
                        field:'text',
                        title:'text',
                        value:'default',
                        prefix:'prefix',
                        suffix:'suffix',
                    },
                    {
                        type:'timePicker',
                        field:'time',
                        title:'time',
                        value:'12:12:12',
                        prefix:'prefix',
                        suffix:'suffix',
                    }
                ]
            }
            
        }
    }
</script>