加入监听事件，中间四个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;
this.getTableList_`{selectId}`();
}
this.getTableList_`{selectId}`();这个就是点击后获取每个tab栏的数据，所以格式上面要求tab栏里请求后端数据时方法都命名成this.getTableList_1() this.getTableList_2()这种