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、

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM