elementui实现NavMenu 导航菜单与Tabs 标签页联动

技术：vue2+vuex+elementui组件库

 store/index.js文件里

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    tabList:[]
  },
  mutations: {
    addTab: (state, tab) => {
      // 如果tab已经存在，不添加新的tabs
      if (state.tabList.some(item => item.path === tab.path)) return
      state.tabList.push(tab)
    }
  },
  getters: {
    // 获取tbsList
    getTabs: (state) => {
      return state.tabList
    }
  },
  actions: {
  },
  modules: {
  }
})

功能点：
1：当前活跃的tab就是当前路由的path
2: 页面刷新，tabList数据丢失，则在刷新之前使用sessionStorage进行存储
3：删除tab的时候，活跃的tab变为被删除的前一个或者下一