Vue KeepAlive Tab 页问题

2022-11-17 14:52:15 +08:00
 hoveyLee00

Item 组件 Tab 详情页

路由配置

{
  path: "/item/:id,
  name: item
}

A 路由 /item/1
B 路由 /item/2

<KeepAlive :include="['Item']">  
  <component :is="view" :key="$route.fullPath"/>  
</KeepAlive> 

我可以根据 key 对 A 和 B 路由分别进行缓存,我关闭 B 详情页的时候可以使 A 详情页的缓存不被清理吗?

993 次点击
所在节点    前端开发
2 条回复
WengX
2023-02-02 22:55:21 +08:00
好像不行的吧,KeepAlive 缓存的是组件,而并非根据不同的 URL 进行缓存。估计你得自己做缓存了。
hoveyLee00
2023-02-07 15:41:26 +08:00
@WengX 哪里有没有简单例子,我看到有的框架实现了这种效果

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/895952

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX