vue 詳情頁面 返回 列表頁面 不刷新頁面

App.vue

<keep-alive>

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

</keep-alive>

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

Index.js路由

　　list

{
    path: '/list',
    name: 'list',
    component: List,
    meta: {
      requiresAuth: true,
      privilege: ['capacityStatus'],
      keepAlive: true,//此組件需要被緩存
      isBack: false, //用於判斷上一個頁面是哪個
    }
  }

　　details

  {
    path: '/details',
    name: 'details',
    component: Details,
    meta: {
      requiresAuth: true,
      privilege: ['capacityStatus'],
    }
  }