vue 后退不刷新

假设有两个页面:列表页A和详情页B，现需求从A页面进入B页面刷新，从B页面回退A页面不刷新。

解决方案使用keepAlive
在 App.vue 插入以下代码：

 <keep-alive>
      <router-view v-if="$route.meta.keepAlive">
        <!-- 这里是会被缓存的视图组件，比如 Home！ -->
      </router-view>
    </keep-alive>

    <router-view v-if="!$route.meta.keepAlive">
      <!-- 这里是不被缓存的视图组件，比如 Edit！ -->
    </router-view>

在 index.js 中修改并添加以下代码：

{
      path: '/A',
      name: '列表页',
      meta: {
        keepAlive: true // 需要被缓存
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/****/*****')
    },{
      path: '/B',
      name: '事件详情',
      meta: {
        keepAlive: false // 需要被缓存
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/****/***')

    }

在A页面写入：

   beforeRouteLeave(to, from, next) {
          if(from.name=='事件详情'){
            // 设置下