vue多页面如何进行页面缓存啊?

FreeSpirit96

312914

发布于
2020-05-27

单页面应用一般是对router-view进行是否缓存的处理,但是多页面的情况下,怎么实现跳转页面再返回上个页面的时候不刷新页面,保持之前的状态?

vue.js 前端 javascript

html5 ecmascript-6

阅读 4k

2 个回答

angel_郁

可以使用 keep-alive

// html代码
<keep-alive :include="cacheList">
                <router-view/>
              </keep-alive>

cacheList 是一个数组保存值就每个页面的name

比如 ['main', 'home', 'index']
详细的可以查看api 这里

查看全部 2 个回答

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答13.1k 阅读
如何防止接口的 key 泄露?
目前有一个小程序,功能上比较简单,但是需要调用其他平台提供的 AI 相关接口。为了节省服务器费用,想直接在前端请求接口,但是这样就会暴露接口的 key。有没有其他办法可以防止 key 泄露? 或者默许 key 可能的泄露,然后实时监控接口的使用量,这种方式是否可行?
8 回答3k 阅读
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
3 回答1.5k 阅读✓ 已解决
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}
2 回答5.3k 阅读✓ 已解决
在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
请问：在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
5 回答1.6k 阅读
Next.js做纯前端是否可行？
最近在学习Next.js存在一个疑问，如果只需要做前端界面的渲染和交互后端逻辑都用java来做，是否还需要使用Next.js，还是说直接使用React+Tailwind css更好
7 回答2.3k 阅读
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？或者那种插件兼容性会比较好呢？
5 回答1.6k 阅读

相似问题

keep-alive如何设置跳转指定页面缓存，其它页面不缓存并清除之前的缓存？
4 回答3.2k 阅读✓ 已解决
keep-alive能不能缓存页面组件的位置呢
1 回答2.7k 阅读✓ 已解决
前端如何缓存图片
3 回答23.3k 阅读✓ 已解决
element 和vue页面报这个错？
3 回答1.9k 阅读
html5 video 标签如何缓存
2 回答7.9k 阅读✓ 已解决

找不到问题？创建新问题

vue多页面如何进行页面缓存啊?

js 如何将Key属性相同的放在同一个数组？

如何防止接口的 key 泄露?

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

Next.js做纯前端是否可行？

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？