keep-alive数据刷新问题

本文介绍了解决因缓存导致的实时数据显示旧数据的问题。提出了三种处理方式:通过Vuex动态控制缓存,利用路由激活周期获取最新数据,以及在特定阶段进行数据刷新。这些方法有助于避免数据延迟和错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

有时候实时数据需要刷新但由于缓存会显示之前的数据 用户点击之后会报错:

处理方式如下:

(1)在vuex中设置状态,动态绑定 include 值,在登录的时候缓存需要缓存的组件,在退出的时候,清除需要刷新的组件(效果很理想,也顺带解决了加载数据时,数据闪现的情况) 或者exclude写入不缓存的

(2)放在actived中获取数据
(3)
在这里插入图片描述

tips:
beforeRouteEnter --> created --> mounted --> activated --> deactivated
再次进入缓存的页面,只会触发beforeRouteEnter -->activated --> deactivated 。created和mounted不会再执行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值