码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-06-14 13:02:46      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:out   com   route   list   style   ack   back   app   path   

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 详情页面 返回 列表页面 不刷新页面

标签:out   com   route   list   style   ack   back   app   path   

原文地址:https://www.cnblogs.com/songbingqi/p/13124348.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!