<!-- 緩存路由 -->
<keep-alive :include="cacheViews">
    <router-view></router-view>
</keep-alive>

// 點(diǎn)擊左側(cè)菜單時(shí)添加tab頁(yè)簽，添加緩存頁(yè)面
        const findIndex = this.existedTabs.findIndex(v => {
            return v.name == item.name
        })
        if(findIndex == -1) {
            // tab頁(yè)簽中不存在，push進(jìn)去
            this.existedTabs.push(item);
            this.cacheViews.push(item.name)
        }
        this.$store.commit("saveTabsList", this.existedTabs); // 保存tab標(biāo)簽頁(yè)
        this.$store.commit("saveCacheViews", this.cacheViews); // 保存需要緩存頁(yè)面組件

// 關(guān)閉tab頁(yè)簽時(shí)，刪除緩存標(biāo)記
        const findIndex = this.tabsListArray.findIndex((v) => {
            return v.name == targetName;
        });
 
        if (findIndex > -1) {
            this.tabsListArray.splice(findIndex, 1);
            const findIndexCacheViews = this.cacheViews.indexOf(targetName);
            if (findIndexCacheViews > -1) {
            this.cacheViews.splice(findIndex, 1);
            }
        }
        this.$store.commit("saveTabsList", this.tabsListArray);
        this.$store.commit("saveCacheViews", this.cacheViews);
        if (targetName == this.activename) {
        // 當(dāng)前菜單，跳轉(zhuǎn)至后面/前面一個(gè)菜單
        if (findIndex < this.tabsListArray.length) {
          this.$router.push({
            name: this.tabsListArray[findIndex].name,
          });
        } else {
          this.$router.push({
            name: this.tabsListArray[findIndex - 1].name,
          });
        }
      }