微信小程序中点击一个索引,跳转后显示的却是上一个索引的内容

本文探讨了在微信小程序开发中,使用wx.navigateTo与wx.setStorageSync结合时可能遇到的问题及解决办法。当试图通过路由成功回调来设置缓存时,由于执行顺序问题,可能导致缓存未准备好而onLoad已执行完毕的情况发生。

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

这种情况往往是因为 wx.navigateTo 或者其他路由API和 wx.setStorageSync 合并使用的结果

        例如

        handleConfirm(e){

                const {index}=e.currentTarget.dataset;

                wx.navigateTo({

                        url:"/pages/.../...",

                        success:res=>{ wx.setStorageSync('Index',index)}

                 })

        }

这个时候错误就出现了 因为如果我们需要这个index 在onLoad事件中使用,可能会出现缓存中数据还没有存入,但是onLoad事件已经完成 ,在开发者工具中一般不会出现这个问题,在开发者工具中 缓存会比onLoad先完成,真机调试中onLoad会比setStorageSync先完成

改法

        handleConfirm(e){

                const {index}=e.currentTarget.dataset;

                wx.navigateTo({

                        url:"/pages/.../..."

                 })

                wx.setStorageSync('Index',index)

        }

总结来说就是,wx.setStorageSync最好不要通过路由API的success进行传递

希望能够帮助到更多的小程序开发爱好者

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值