vue-router 切换tab标签关闭时缓存问题方案

在router入口页面加上 keepAlive: true // 需要被缓存  false则不需要

  {
          path: 'fundProListG',
          component: resolve => require(['@/pages/product/fundPros/fundTab/fundTab.vue'], resolve),
          title: '基金首页',
          redirect: 'fundProListG/fundProListG',
          meta: {
            keepAlive: false // 不需要被缓存
          },
          children: [{
            path: 'fundProListG',
            component: resolve => require(['@/pages/product/fundPros/fundProListG.vue'], resolve),
            meta: {
              keepAlive: true // 需要被缓存
            }
          },{
            path: 'fungAdm',
            component: resolve => require(['@/pages/product/fundPros/fungAdm.vue'], resolve),
            meta: {
              keepAlive: true // 需要被缓存
            }
          }]
        },

App.vue (你在哪写的那个<router-view ></router-view>标签就在哪改动)

 

<keep-alive>
    <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>

当点关闭标签的时候如果不想当前页面缓存 加上

接着遇到了第一次缓存第二次改为false后打开不缓存了   在关闭标签页面 加上这个