标签:更新 OLE sse keepaliv orm sid activate config ack
1 export default new Router({ 2 routes: [ 3 {path: ‘/‘, 4 redirect: ‘/Home‘, 5 meta: {keepAlive: true,} 6 }, 7 ] 8 })
在app.vue中
1 把 2 <router-view></router-view> 3 改为 4 <keep-alive> 5 <router-view v-if="$route.meta.keepAlive"></router-view> 6 </keep-alive> 7 <router-view v-if="!$route.meta.keepAlive"></router-view> 8
要求:
首页Home-列表页List-详情页Detail。前进刷新,后退不刷新,且还在原来的滚动位置。
即除了在详情页退到列表页不刷新外,其他方式(搜索、分类、推荐等)进入列表都刷新。
在router/index.js中,Llist路由加上keepAlive: true,
{ path: ‘/list/:categoryId?/‘, name: ‘List‘, component: List, meta: { keepAlive: true, }, { path: ‘/detail/:goodsId‘, name: ‘Detail‘, component: Detail }
vue利用keep-alive / beforeRouteLeave 前进刷新后退不刷新 ,亲测可用。
标签:更新 OLE sse keepaliv orm sid activate config ack
原文地址:https://www.cnblogs.com/yuer01/p/14267944.html