微信小程序修改数组长度的问题的解决
编程学习 2021-07-04 15:02www.dzhlxh.cn编程入门
这篇文章主要介绍了微信小程序修改数组长度的问题的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们狼蚁网站SEO优化随着长沙网络推广来一起学习学习吧
微信小程序内数组重新修改长度,使用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数组出现不一致的情况。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
上一篇:微信小程序实用代码段(收藏版)
下一篇:微信小程序利用云函数获取手机号码