我使用vue-develop-tool 调试时，发现uniapp源码 H5 是使用router-view + keep-alive 的 。
后台管理系统的多标签页面，怎么使用路由缓存？
是否目前有什么方案？
如果没有希望官方能 给pages.json里设置个参数支持缓存?
类似下面
{
"path": "pages/sys-mgr/resource/index",
"style": {
"navigationBarTitleText": "资源管理"
}
//#ifdef H5
,
keepAlive:true
//#endif
}
keep-alive 只支持 H5 端，使用参考如下代码：
<template>
<view>
<keep-alive :include="componentsName">
<component :is="componentsName[currentComponentIndex]"></component>
</keep-alive>
<button type="primary" @click="changeComponent">changeComponent</button>
</view>
</template>
<script>
import Foo from '../../components/Foo.vue'
import Bar from '../../components/Bar.vue'
export default {
components: {
Foo,
Bar
},
data() {
return {
componentsName: ['Foo', 'Bar'],
currentComponentIndex: 0
}
},
methods: {
changeComponent() {
this.currentComponentIndex = !this.currentComponentIndex * 1
}
}
}
</script>
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
7***@qq.com (作者)
是的，但 好像只支持组件级别的缓存，不能用于页面级别的缓存吧
2022-07-14 09:52
DCloud_UNI_WZF
回复 7***@qq.com: uni-app 默认有页面级缓存，即A打开B，B回退到A，A是有缓存的，但是跳转到A，A是重新打开的
2022-07-14 09:54
7***@qq.com (作者)
回复 DCloud_UNI_WZF: 回退是有缓存，但A、B、C互相跳转，就没有缓存了
2022-07-14 14:16
DCloud_UNI_WZF
回复 7***@qq.com: 对，互相跳转这种是重新打开，所以没有缓存
uni-app 目前做不到 vue+vue-router 那种页面缓存
2022-07-14 14:26
7***@qq.com (作者)
回复 DCloud_UNI_WZF: 2023年2月16日再问一下，希望这个功能能支持上去，因为pc端后台管理类项目，基本都会有"多标签切换"这样的需求。不支持的话，uniapp就不太适合pc端了
2023-02-16 14:36
析彩
回复 7***@qq.com: 作者有解决这个问题么，您尝试过使用vuex缓存页面状态，然后跳转的时候把状态拿出来重新赋值的方法么
2024-03-08 11:04