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、

原文地址:https://www.cnblogs.com/hsl-shiliang/p/14523906.html