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、