微信小程序一个设置data数据的坑

本文揭示了微信小程序中一个常见的数据同步问题。当试图在同一函数内使用刚赋值的数据进行另一项数据赋值时,由于异步更新机制,可能会导致错误的结果。文章提供了一个具体的例子并提出了正确的初始化方法。

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

微信小程序一个设置data数据的坑

假如数据区是这样的:
data:{
array : [ ],
length: 0
}
length准备保存数组array的长度。
现在我想在页面第一次加载时初始化array和length
如果在页面加载方法这样写:
onLoad: function(e) {
var tArray = [ 1, 2, 3 ]
this.setData({
‘array’: tArray,
‘length’: this.data.array.length
})
}
这种做法是错误的!因为此时的array的值并没有改变,要等onLoad方法执行完array的值才会改变,所以此时调用array.length还是原始数据0。不要在意上段代码的合理性。
我们只需关注一个问题,就是不要在同一个函数里使用刚赋值的data数据去给另一个data数据赋值,因为赋值是异步的,是在函数末尾统一赋值且有效的。
所以可以在onLoad初始化array,在onReady利用array.length初始化length

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值