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


Posted in Javascript onDecember 17, 2019

微信小程序内数组重新修改长度,使用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数组出现不一致的情况。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery打造PHP的AJAX表单提交实例
Nov 03 Javascript
JS Array.slice 截取数组的实现方法
Jan 02 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
Apr 21 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
May 13 Javascript
微信小程序 swiper组件详解及实例代码
Oct 25 Javascript
详解获取jq ul第一个li定位的四种解决方案
Nov 23 Javascript
JS ES6中setTimeout函数的执行上下文示例
Apr 27 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
Apr 18 Javascript
angularjs $http调用接口的方式详解
Aug 13 Javascript
vue生命周期与钩子函数简单示例
Mar 13 Javascript
微信小程序实现的picker多级联动功能示例
May 23 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
Aug 12 Javascript
微信小程序利用云函数获取手机号码
Dec 17 #Javascript
ant design实现圈选功能
Dec 17 #Javascript
15分钟学会vue项目改造成SSR(小白教程)
Dec 17 #Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
Dec 17 #Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
Dec 17 #Javascript
TypeScript高级用法的知识点汇总
Dec 17 #Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
Dec 17 #Javascript
You might like
如何对PHP程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
解析php下载远程图片函数 可伪造来路
2013/06/25 PHP
深入解析php中的foreach函数
2013/08/31 PHP
thinkPHP3.2简单实现文件上传的方法
2016/05/16 PHP
PHP+Ajax异步带进度条上传文件实例
2016/11/01 PHP
js 实现菜单左右滚动显示示例介绍
2013/11/21 Javascript
node.js中的path.isAbsolute方法使用说明
2014/12/08 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
使用堆实现Top K算法(JS实现)
2015/12/25 Javascript
JS解决iframe之间通信和自适应高度的问题
2016/08/24 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
详解vue-router基本使用
2017/04/18 Javascript
vue2.0实现导航菜单切换效果
2017/05/08 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
jQuery实现高级检索功能
2019/05/28 jQuery
JavaScript判断对象和数组的两种方法
2019/05/31 Javascript
js实现div色块拖动录制
2020/01/16 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
[01:08:57]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第二场
2014/05/24 DOTA
[01:02:26]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第二场 1月18日
2021/03/11 DOTA
深入理解python中的闭包和装饰器
2016/06/12 Python
Tensorflow中tf.ConfigProto()的用法详解
2020/02/06 Python
简单了解Java Netty Reactor三种线程模型
2020/04/26 Python
Python轻量级web框架bottle使用方法解析
2020/06/13 Python
django下创建多个app并设置urls方法
2020/08/02 Python
大队干部竞选演讲稿
2014/04/28 职场文书
安全保证书范文
2014/04/29 职场文书
毕业典礼演讲稿
2014/05/13 职场文书
领导干部失职检讨书
2015/05/05 职场文书
卡特教练观后感
2015/06/08 职场文书
旷工检讨书大全
2015/08/15 职场文书
2016教师廉洁教育心得体会
2016/01/13 职场文书
2016年度农村党员干部主题教育活动总结
2016/04/06 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书
springcloud之Feign超时问题的解决
2021/06/24 Java/Android