tab上不要綁定點擊事件，而是是一個鏈接，tab下面的小小tab每次點擊都是改變tab地址，當(dāng)你在點回來的時候，就自動切換到上次你顯示的那個小小tab。這樣你的路由要做成多層嵌套的子路由

雖然沒有用過vue-router之外其他的路由，但你這個需求綁定tab到路由參數(shù)上就行了，用vue-router完全可以輕易實現(xiàn)
T.vue

<template>
  <div>
    <el-tabs v-model="activeName">
      <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="定時任務(wù)補(bǔ)償" name="fourth">定時任務(wù)補(bǔ)償</el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  export default {
    props: {
      active: String
    },
    computed:{
      activeName:{
        get(){
          return this.active || 'first'
        },
        set(v){
          this.$router.push({path: '/t', query: {active : v}})
        }
      }
    }
  }
</script>

router

const T = () => import ( /* webpackChunkName: "page-message" */ '@/views/message/T.vue');

export default [
  {
    path: '/t',
    props: {
      default: (route) => ({active: route.query.active}),
    },
    components: {
      default: T
    },
    meta: {
      keepAlive: true,
      transition: true,
    }
  },