1.准备样式框架
<el-tabs ref="matterTab2" v-model="tabIndex2" class="todo-case-tabs"
@tab-click="handleTabClick2" type="border-card">
<el-tab-pane class="todo-case-tab" label="流转信息" name="流转信息" >
<vCaseTransInfo class="todo-case-trans-centent" ref="vCaseTransInfo" :taskNum="taskNum" isSimple></vCaseTransInfo>
</el-tab-pane>
<el-tab-pane class="todo-case-tab" label="反馈信息" name="反馈信息">
</el-tab-pane>
2.默认显示值v-model="tabIndex2"
data() {
return {
// 当前事件信息Tab索引
tabIndex2: "流转信息"
}
}
3.方法中添加切换按钮
handleTabClick2(tabs) {
this.tabIndex2 = tabs.label;
if (tabs.label == '流转信息') {
} else if (tabs.label == '反馈信息') {
}
},
4.dialog关闭时、刷新页面
// 弹框关闭
handleClose() {
// 当前事件信息Tab索引
this.tabIndex2 ="流转信息";
}
