Vue中如何实现Keep-alive缓存列表页，详情页返回不刷新页面？
- 内容介绍
- 文章标签
- 相关推荐
本文共计680个文字，预计阅读时间需要3分钟。
需求：实现商品列表页面浏览，进入商品详情，点击返回回到之前浏览的位置，实现：使用vue的keep-alive的include属性给组件做动态缓存，从详情页返回不改变，从其他页面进入列表页刷新。
实现：使用vue的keep-alive组件，并设置include属性，将商品列表和详情页组件加入缓存。这样，从详情页返回时，页面状态保持不变；从其他页面进入列表页时，列表数据刷新。
本文共计680个文字，预计阅读时间需要3分钟。
需求：实现商品列表页面浏览，进入商品详情，点击返回回到之前浏览的位置，实现：使用vue的keep-alive的include属性给组件做动态缓存，从详情页返回不改变，从其他页面进入列表页刷新。
实现：使用vue的keep-alive组件，并设置include属性，将商品列表和详情页组件加入缓存。这样，从详情页返回时，页面状态保持不变；从其他页面进入列表页时，列表数据刷新。