vue中后退不刷新頁面（使用keepAlive方法）

問題：

具體場景是：列表頁分頁（當前選中第5頁），點擊跳轉詳情頁，返回列表頁時，分頁狀態仍然停留在第5頁。

解決辦法：

1.在app.vue中添加keepAlive

<keep-alive>
    <router-view v-if="$route.meta.keepAlive" :key="$route.fullPath">
        <!-- 這里是會被緩存的視圖組件 -->
    </router-view>
</keep-alive>
 
<router-view v-if="!$route.meta.keepAlive">
    <!-- 這里是不被緩存的視圖組件 -->
</router-view>

2.在router/index.js中添加路由元信息keepAlive，設置需要緩存的頁面

3.在main.js添加beforeRouteEnter進行判斷

router.beforeEach((to, from, next) => {
   //to（當前頁面） form（前一頁面）
   //判斷當前頁是不是目標頁，再判斷前一頁面是否要緩存
   if (to.name == 'interviewDetail' && from.name == 'interviewManagement') {
      from.meta.keepAlive = true;
   }else {
      from.meta.keepAlive = false;
   }
   next();
});