微信小程序修改数组长度的问题的解决

网络编程 2024/11/8 佚名

3 2 1

微信小程序内数组重新修改长度，使用setData竟然存在问题：会出现不能及时更新数据的情况,尝试了一下使用data强制更新数据后，再数据需要赋值的地方再用setData进行数据处理即可，能用但是不知道是否是最佳方案。参考示例

setarrayData(data){
let array = this.data.list;
//这里需要更新长度的话强制更新
array.length == 0 && (this.data.list = new Array(+data.num));
//拷贝数据
let copyArray = [...this.data.pictureList];
//数组数据处理
copyArray.splice( num1, num2, ...data.list)
//更新到视图层
this.setData({
  list: copyArray,
})

PS:微信小程序数组长度为0的坑

前几天在写程序时，在js页面里用console.log打印出来的和在调试窗口看到的Appdata都显示我的result数组长度是20，但是在xml页面通过{{result.length}}显示出来却始终是0。找了很久bug，最终发现，是在js里修改result数组时，我没有用官方建议的this.setData()函数而是直接用this.data.result.push()。导致result数组出现不一致的情况。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

小程序,数组长度,小程序修改数组长度