使用form-create生成表单组件

FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定

FormCreate官网：https://www.form-create.com
帮助文档：https://form-create.com/v3/

1. [/code][code]1. 生成内置组件

复制代码

1. <template>
2.   
3.     <form-create :rule="rule" v-model:api="fApi" :option="options" v-model="value">
4.     </form-create>
5.   
6. </template>

复制代码

2. 生成UI组件

1. <template>
2.   
3.     <form-create :rule="rule" v-model:api="fApi" :option="options" v-model="value">
4.     </form-create>
5.   
6. </template>

复制代码

 
3. 生成自定义组件

1. <template>
2.   
3.     <form-create :rule="rule" v-model:api="fApi" :option="options" v-model="value">
4.     </form-create>
5.   
6. </template>

复制代码

 
4. 通过插槽生成组件

1. <template>
2.   
3.     <form-create :rule="rule" v-model:api="fApi" :option="options" v-model="value">
4.     </form-create>
5.   
6. </template>

复制代码

 
5. 生成HTML标签

1. <template>
2.   
3.     <form-create :rule="rule" v-model:api="fApi" :option="options" v-model="value">
4.     </form-create>
5.   
6. </template><template>
7.   
8.     <form-create :rule="rule" v-model:api="fApi" :option="options" v-model="value">
9.     </form-create>
10.   
11. </template><template>
12.   
13.     <form-create :rule="rule" v-model:api="fApi" :option="options" v-model="value">
14.     </form-create>
15.   
16. </template>   

复制代码

 

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！