Vue中keep-alive的include属性如何解决特定组件的缓存问题?

更新于
2026-09-28 12:07:12
0阅读来源:SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计747个文字,预计阅读时间需要3分钟。

Vue中keep-alive的include属性如何解决特定组件的缓存问题?

简化版说明:

1. 页面顺序:A(按钮页)- B(订单列表页)- C(订单详情页)- D(费用详情页)

2.刷新规则:每次点击都刷新A、B、C、D页面。

3.特殊处理:从C到D时走缓存,但每次从A到B都要刷新。

前提:有A,B,C,D四个页面,A是按钮页(点击按钮进入B页面),B是订单列表页,C是订单详情页,D是费用详情页

需求:顺序是A->B->C->D,每次都刷新页面,D->C->B时走缓存,但是每次从A到B都要刷新B页面,从B到C需要刷新C页面,从C到D要刷新D页面

在vue官方文档2.1以上有include 和 exclude 属性允许组件有条件地缓存。

阅读全文
标签:缓存

本文共计747个文字,预计阅读时间需要3分钟。

Vue中keep-alive的include属性如何解决特定组件的缓存问题?

简化版说明:

1. 页面顺序:A(按钮页)- B(订单列表页)- C(订单详情页)- D(费用详情页)

2.刷新规则:每次点击都刷新A、B、C、D页面。

3.特殊处理:从C到D时走缓存,但每次从A到B都要刷新。

前提:有A,B,C,D四个页面,A是按钮页(点击按钮进入B页面),B是订单列表页,C是订单详情页,D是费用详情页

需求:顺序是A->B->C->D,每次都刷新页面,D->C->B时走缓存,但是每次从A到B都要刷新B页面,从B到C需要刷新C页面,从C到D要刷新D页面

在vue官方文档2.1以上有include 和 exclude 属性允许组件有条件地缓存。

阅读全文
标签:缓存