vxe-form 大表单拆分在页签中使用
在使用 vxe-from 表单时,可能由于绑定项非常多,这个时候可能就需要将表单进行分类分组,可以泰国片页签的当时进行拆分组。<template>
<vxe-tabs v-model="activeTab" height="200">
<vxe-tab-pane title="页签1" name="1">
<vxe-form ref="formRef1" :data="formData" v-bind="formOptions1"></vxe-form>
</vxe-tab-pane>
<vxe-tab-pane title="页签2" name="2">
<vxe-form ref="formRef2" :data="formData" v-bind="formOptions2"></vxe-form>
</vxe-tab-pane>
<vxe-tab-pane title="页签3" name="3">
<vxe-form ref="formRef3" :data="formData" v-bind="formOptions3"></vxe-form>
</vxe-tab-pane>
</vxe-tabs>
<vxe-button>取消</vxe-button>
<vxe-button status="primary" @click="submitEvent">提交</vxe-button>
</template>
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页:
[1]