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();
});