Vue KeepAlive Tab 页问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 770 天前的主题，其中的信息可能已经有所发展或是发生改变。

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 详情页的缓存不被清理吗？

2 条回复 • 2023-02-07 15:41:26 +08:00

WengX

2023-02-02 22:55:21 +08:00

好像不行的吧，KeepAlive 缓存的是组件，而并非根据不同的 URL 进行缓存。估计你得自己做缓存了。

hoveyLee00

2023-02-07 15:41:26 +08:00

@WengX 哪里有没有简单例子，我看到有的框架实现了这种效果