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


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 相关文章推荐
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
用Javascript 获取页面元素的位置的代码
Sep 25 Javascript
jQuery获取上传文件的名称的正则表达式
May 21 Javascript
使用Node.js为其他程序编写扩展的基本方法
Jun 23 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
Jan 08 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
May 11 Javascript
jQuery DOM节点的遍历方法小结
Aug 15 jQuery
jquery.pagination.js分页使用教程
Oct 23 jQuery
layui加载数据显示loading加载完成loading消失的实例代码
Sep 23 Javascript
Vue+Node实现的商城用户管理功能示例
Dec 23 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
Apr 27 Javascript
vue实现拖拽进度条
Mar 01 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
摩卡咖啡
2021/03/03 咖啡文化
解析PHPExcel使用的常用说明以及把PHPExcel整合进CI框架的介绍
2013/06/24 PHP
php json与xml序列化/反序列化
2013/10/28 PHP
PHP使用http_build_query()构造URL字符串的方法
2016/04/02 PHP
PHP双向链表定义与用法示例
2018/01/31 PHP
laravel多条件查询方法(and,or嵌套查询)
2019/10/09 PHP
Laravel 连接(Join)示例
2019/10/16 PHP
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
jquery里的正则表达式说明
2011/08/03 Javascript
改进版通过Json对象实现深复制的方法
2012/10/24 Javascript
js实现简单随机抽奖的方法
2015/01/27 Javascript
jquery实现的代替传统checkbox样式插件
2015/06/19 Javascript
JavaScript的兼容性与调试技巧
2016/11/22 Javascript
js中DOM三级列表(代码分享)
2017/03/20 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
2017/11/02 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
2018/07/13 Javascript
vue.js实现带日期星期的数字时钟功能示例
2018/08/28 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
2020/05/27 Javascript
[03:01]2014DOTA2国际邀请赛 DC:我是核弹粉,为Burning和国土祝福
2014/07/13 DOTA
Python实现网络端口转发和重定向的方法
2016/09/19 Python
python 中Arduino串口传输数据到电脑并保存至excel表格
2019/10/14 Python
python中自带的三个装饰器的实现
2019/11/08 Python
Python中itertools的用法详解
2020/02/07 Python
python 递归调用返回None的问题及解决方法
2020/03/16 Python
matplotlib阶梯图的实现(step())
2021/03/02 Python
工业设计专业推荐信
2013/10/29 职场文书
建筑投标担保书
2014/05/20 职场文书
党的群众路线教育实践活动批评与自我批评范文
2014/10/16 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
毕业设计致谢语
2015/05/14 职场文书
作文之亲情600字
2019/09/23 职场文书
python Polars库的使用简介
2021/04/21 Python
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL
基于docker安装zabbix的详细教程
2022/06/05 Servers