vue 页面缓存 或页面返回,上级页面不刷新实现方法

一、使用keep-alive 和 vue-router 的 keepAlive 实现(页面跳转需动态控制keepAlive实现)

1、在入口页面,比如 app.vue 页面添加<keep-alive> 标签。

// 方式一
<keep-alive>
      <router-view v-if="$route.meta.keepAlive"/>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"/>
// 方式二(include 设置 需要缓存的页面路由name)
<keep-alive include="index">
      <router-view/>
</keep-alive>

2、

 

posted @ 2021-03-12 15:48  千叶祥龙  阅读(1987)  评论(0编辑  收藏  举报