加入監聽事件，中間四個tab內容用的官方模板
<template>
<el-tabs v-model="activeName" @tab-click="handleClick" @tab-click="aaa">
<el-tab-pane label="用戶管理" name="first">用戶管理</el-tab-pane>
<el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
<el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
<el-tab-pane label="定時任務補償" name="fourth">定時任務補償</el-tab-pane>
</el-tabs>
</template>
data中不用加東西
mounted中默認展示第一個tab欄數據，我的叫this.getTableList_1();
mounted() {
this.getTableList_1();
},
方法中監聽點擊tab欄的點擊順序的數字targetName.paneName，因為是從0開始的
methods: {
aaa(targetName, action) {
console.log(targetName.paneName - 0 + 1);
var selectId = targetName.paneName - 0 + 1;
if (selectId == 2) {
this.getTableList_2();
} else if (selectId == 3) {
this.getTableList_3();
}
}