vue+element实现tab切换, 每次点击不同tabs栏才请求数据

加入监听事件，中间四个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();       }     }