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


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 Study Notes 学习笔记(一)
Aug 04 Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 Javascript
JavaScript 作用域链解析
Nov 13 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
Nov 16 Javascript
JavaScript引用类型和基本类型详解
Jan 06 Javascript
半个小时学json(json传递示例)
Dec 25 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
Mar 13 Javascript
JavaScript变量声明var,let.const及区别浅析
Apr 23 Javascript
如何使用vuex实现兄弟组件通信
Nov 02 Javascript
js实现导航跟随效果
Nov 17 Javascript
es6中reduce的基本使用方法
Sep 10 Javascript
AJAX XMLHttpRequest对象创建使用详解
Aug 20 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
ip签名探针
2006/10/09 PHP
PHP在网页中动态生成PDF文件详细教程
2014/07/05 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
PHP常用的类封装小结【4个工具类】
2019/06/28 PHP
javaScript 关闭浏览器 (不弹出提示框)
2010/01/31 Javascript
js调用后台servlet方法实例
2013/06/09 Javascript
jQuery使用post方法提交数据实例
2015/03/25 Javascript
jQuery实现在列表的首行添加数据
2015/05/19 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
2016/03/25 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
2017/06/21 Javascript
利用node.js制作命令行工具方法教程(一)
2017/06/22 Javascript
使用JavaScript实现alert的实例代码
2017/07/06 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
2017/07/10 Javascript
微信小程序使用swiper组件实现层叠轮播图
2018/11/04 Javascript
easyUI 实现的后台分页与前台显示功能示例
2020/06/01 Javascript
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
python3实现ftp服务功能(客户端)
2017/03/24 Python
python+tkinter编写电脑桌面放大镜程序实例代码
2018/01/16 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
Python中创建二维数组
2018/10/17 Python
Python面向对象之继承和多态用法分析
2019/06/08 Python
如何使用python把ppt转换成pdf
2019/06/29 Python
python 字符串常用函数详解
2019/09/11 Python
python中threading开启关闭线程操作
2020/05/02 Python
Django之富文本(获取内容,设置内容方式)
2020/05/21 Python
一文带你掌握Pyecharts地理数据可视化的方法
2021/02/06 Python
Allen Edmonds官方网站:一家美国优质男士鞋类及配饰制造商
2019/03/12 全球购物
Java中有几种方法可以实现一个线程?用什么关键字修饰同步方法?stop()和suspend()方法为何不推荐使用?
2015/08/04 面试题
聚网科技C++面试笔试题
2015/09/01 面试题
EJB3.1都有哪些改进
2012/11/17 面试题
三年大学生活自我鉴定
2014/01/21 职场文书
装饰公司活动策划方案
2014/08/23 职场文书
总经理助理岗位职责范本
2015/03/31 职场文书
电台广播稿范文
2015/08/19 职场文书
Django REST framework 限流功能的使用
2021/06/24 Python
C3 线性化算法与 MRO之Python中的多继承
2021/10/05 Python