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


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 相关文章推荐
JavaScript入门教程(5) js Screen屏幕对象
Jan 31 Javascript
javascript setTimeout()传递函数参数(包括传递对象参数)
Apr 07 Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
May 07 Javascript
Javascript拓展String方法小结
Jul 08 Javascript
JS格式化数字金额用逗号隔开保留两位小数
Oct 18 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
May 25 Javascript
jQuery实现的网页竖向菜单效果代码
Aug 26 Javascript
jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
Dec 03 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
react组件基本用法示例小结
Apr 27 Javascript
JavaScript 异步时序问题
Nov 20 Javascript
利用 JavaScript 实现并发控制的示例代码
Dec 31 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加密解密的代码
2007/07/16 PHP
PHP实现C#山寨ArrayList的方法
2015/07/16 PHP
Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解
2019/10/11 PHP
js 点击按钮弹出另一页,选择值后,返回到当前页
2010/05/26 Javascript
JavaScript利用正则表达式去除日期中的“-”
2014/07/01 Javascript
使用时间戳解决ie缓存的问题
2014/08/20 Javascript
如何提高数据访问速度
2016/12/26 Javascript
vue调用高德地图实例代码
2017/04/28 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
Vue2仿淘宝实现省市区三级联动
2020/04/15 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
2018/05/27 Javascript
JS中验证整数和小数的正则表达式
2018/10/08 Javascript
Node.js操作系统OS模块用法分析
2019/01/04 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
2019/03/16 Javascript
浅谈 Webpack 如何处理图片(开发、打包、优化)
2019/05/15 Javascript
ant design vue 表格table 默认勾选几项的操作
2020/10/31 Javascript
vue.js watch经常失效的场景与解决方案
2021/01/07 Vue.js
浅谈Scrapy框架普通反爬虫机制的应对策略
2017/12/28 Python
python的Tqdm模块的使用
2018/01/10 Python
python pycurl验证basic和digest认证的方法
2018/05/02 Python
Django实现分页功能
2018/07/02 Python
python3实现多线程聊天室
2018/12/12 Python
对python打乱数据集中X,y标签对的方法详解
2018/12/14 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
使用Python OpenCV为CNN增加图像样本的实现
2019/06/10 Python
python basemap 画出经纬度并标定的实例
2019/07/09 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
出纳岗位职责模板
2013/11/27 职场文书
仓库保管员岗位职责
2013/12/20 职场文书
员工工作表扬信范文
2014/01/13 职场文书
教堂婚礼主持词
2014/03/14 职场文书
中班上学期幼儿评语
2014/04/30 职场文书
省级优秀班集体申报材料
2014/05/25 职场文书
安全检查汇报材料
2014/12/26 职场文书
2015年班主任德育工作总结
2015/05/21 职场文书
任长霞观后感
2015/06/16 职场文书