vue 详情页面 返回 列表页面 不刷新页面

Posted songbingqi

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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‘],
    }
  }

 

以上是关于vue 详情页面 返回 列表页面 不刷新页面的主要内容，如果未能解决你的问题，请参考以下文章