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


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 相关文章推荐
Extjs中ComboBoxTree实现的下拉框树效果(自写)
May 28 Javascript
IE6浏览器中window.location.href无效的解决方法
Nov 20 Javascript
js动态创建及移除div的方法
Jun 03 Javascript
javascript中offset、client、scroll的属性总结
Aug 13 Javascript
jQuery中的siblings用法实例分析
Dec 24 Javascript
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例
Aug 03 Javascript
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
Jan 08 jQuery
详解angularjs 学习之 scope作用域
Jan 15 Javascript
详解在Node.js中发起HTTP请求的5种方法
Jan 10 Javascript
在layui下对元素进行事件绑定的实例
Sep 06 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
May 23 Javascript
vue使用exif获取图片经纬度的示例代码
Dec 11 Vue.js
微信小程序利用云函数获取手机号码
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在服务器执行exec命令失败的解决方法
2012/03/03 PHP
PHP下通过QRCode类库创建中间带网站LOGO的二维码
2014/07/12 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
thinkphp5.1 文件引入路径问题及注意事项
2018/06/13 PHP
详解PHP队列的实现
2019/03/14 PHP
PHP匿名函数(闭包函数)详解
2019/03/22 PHP
JavaScript 原型链学习总结
2010/10/29 Javascript
javascript的日期对象、数组对象、二维数组使用说明
2014/12/22 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
2015/04/15 Javascript
React Native实现简单的登录功能(推荐)
2016/09/19 Javascript
jQuery与JavaScript节点创建方法的对比
2016/11/18 Javascript
angular2+node.js express打包部署的实战
2017/07/27 Javascript
jQuery实现获取动态添加的标签对象示例
2018/06/28 jQuery
vue修改对象的属性值后页面不重新渲染的实例
2018/08/09 Javascript
vue使用Font Awesome的方法步骤
2019/02/26 Javascript
编写同时兼容Python2.x与Python3.x版本的代码的几个示例
2015/03/30 Python
Python中isnumeric()方法的使用简介
2015/05/19 Python
Python的MongoDB模块PyMongo操作方法集锦
2016/01/05 Python
Python实现的桶排序算法示例
2017/11/29 Python
Python使用遗传算法解决最大流问题
2018/01/29 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
详解pandas如何去掉、过滤数据集中的某些值或者某些行?
2019/05/15 Python
Python 绘制可视化折线图
2020/07/22 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
html5的画布canvas——画出简单的矩形、三角形实例代码
2013/06/09 HTML / CSS
CHARLES & KEITH加拿大官网:新加坡时尚品牌
2020/03/26 全球购物
linux面试题参考答案(8)
2016/04/19 面试题
校长就职演讲稿
2014/01/06 职场文书
意向协议书范本
2014/04/23 职场文书
教育实践活动对照检查材料
2014/09/23 职场文书
教师党员整改措施
2014/10/24 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书
幼儿园老师个人总结
2015/02/28 职场文书
2016元旦文艺汇演主持词(开场白+结束语)
2015/12/03 职场文书
2016廉洁从政心得体会
2016/01/19 职场文书