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


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 相关文章推荐
动态创建script在IE中缓存js文件时导致编码的解决方法
May 04 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
Nov 02 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
详解vue-Resource(与后端数据交互)
Jan 16 Javascript
html5 canvas 详细使用教程
Jan 20 Javascript
BootStrap导航栏问题记录
Jul 31 Javascript
javaScript封装的各种写法
Aug 14 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
Nov 14 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
Apr 07 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
Vue实现移动端拖拽交换位置
Jul 29 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
Terran热键控制
2020/03/14 星际争霸
字母顺序颠倒而单词顺序不变的php代码
2010/08/08 PHP
Thinkphp搭建包括JS多语言的多语言项目实现方法
2014/11/24 PHP
strpos() 函数判断字符串中是否包含某字符串的方法
2019/01/16 PHP
js表格分页实现代码
2009/09/18 Javascript
JQuery 文本框回车跳到下一个文本框示例代码
2013/08/30 Javascript
js使用递归解析xml
2014/12/12 Javascript
jQuery对象的length属性用法实例
2014/12/27 Javascript
JS+CSS实现Li列表隔行换色效果的方法
2015/02/16 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
微信小程序 数据访问实例详解
2016/10/08 Javascript
nodejs利用http模块实现银行卡所属银行查询和骚扰电话验证示例
2016/12/30 NodeJs
BootStrap注意事项小结(五)表单
2017/03/10 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
发布订阅模式在vue中的实际运用实例详解
2019/06/09 Javascript
微信小程序实现树莓派(raspberry pi)小车控制
2020/02/12 Javascript
vue 中this.$set 动态绑定数据的案例讲解
2021/01/29 Vue.js
[54:17]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第二场 1月10日
2021/03/11 DOTA
在Python的Flask框架中实现单元测试的教程
2015/04/20 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
python dict 相同key 合并value的实例
2019/01/21 Python
Python后台开发Django会话控制的实现
2019/04/15 Python
Python OpenCV 调用摄像头并截图保存功能的实现代码
2019/07/02 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
对python中assert、isinstance的用法详解
2019/11/27 Python
python生成特定分布数的实例
2019/12/05 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
python中lower函数实现方法及用法讲解
2020/12/23 Python
Python使用Opencv实现边缘检测以及轮廓检测的实现
2020/12/31 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
Whittard官方海外旗舰店:英国百年茶叶品牌
2018/02/22 全球购物
行政办公室岗位职责
2014/03/18 职场文书
煤矿安全协议书
2014/08/20 职场文书
2014基层党员批评与自我批评范文
2014/09/24 职场文书
2015年会计个人工作总结
2015/04/02 职场文书
2015入党自传书范文
2015/06/26 职场文书