vxe-form 大表单拆分在页签中使用

在使用 vxe-from 表单时，可能由于绑定项非常多，这个时候可能就需要将表单进行分类分组，可以泰国片页签的当时进行拆分组。

1. <template>
2.   
3.     <vxe-tabs v-model="activeTab" height="200">
4.       <vxe-tab-pane title="页签1" name="1">
5.         <vxe-form ref="formRef1" :data="formData" v-bind="formOptions1"></vxe-form>
6.       </vxe-tab-pane>
7.       <vxe-tab-pane title="页签2" name="2">
8.         <vxe-form ref="formRef2" :data="formData" v-bind="formOptions2"></vxe-form>
9.       </vxe-tab-pane>
10.       <vxe-tab-pane title="页签3" name="3">
11.         <vxe-form ref="formRef3" :data="formData" v-bind="formOptions3"></vxe-form>
12.       </vxe-tab-pane>
13.     </vxe-tabs>
15.    
16.       <vxe-button>取消</vxe-button>
17.       <vxe-button status="primary" @click="submitEvent">提交</vxe-button>
18.    
19.   
20. </template>

复制代码

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