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


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 相关文章推荐
[Web]防止用户复制页面内容和另存页面的方法
Feb 06 Javascript
jQuery 表单验证扩展(四)
Oct 20 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
Dec 28 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
Sep 28 Javascript
JS实现slide文字框缩放伸展效果代码
Nov 05 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
Jun 06 Javascript
js省市区级联查询(插件版&无插件版)
Mar 21 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
Dec 16 Javascript
vue使用iframe嵌入网页的示例代码
Jun 09 Javascript
如何获取vue单文件自身源码路径
May 06 Javascript
微信公众号平台接口开发 获取access_token过程解析
Aug 14 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
Jul 21 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 str_pad() 将字符串填充成指定长度的字符串
2010/02/23 PHP
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
PHP 抽象方法与抽象类abstract关键字介绍及应用
2014/10/16 PHP
PHP采集静态页面并把页面css,img,js保存的方法
2014/12/23 PHP
Joomla数据库操作之JFactory::getDBO用法
2016/05/05 PHP
JS图片根据鼠标滚动延时加载的实例代码
2013/07/13 Javascript
Javascript排序算法之计数排序的实例
2014/04/05 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
理解javascript回调函数
2014/12/28 Javascript
javascript使用smipleChart实现简单图表
2015/01/02 Javascript
iframe与主框架跨域相互访问实现方法
2017/09/14 Javascript
微信小程序中遇到的iOS兼容性问题小结
2018/11/14 Javascript
JavaScript运动原理基础知识详解
2020/04/02 Javascript
js利用拖放实现添加删除
2020/08/27 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队LGD晋级之路
2018/04/07 DOTA
python获取当前计算机cpu数量的方法
2015/04/18 Python
python如何通过protobuf实现rpc
2016/03/06 Python
python中使用正则表达式的连接符示例代码
2017/10/10 Python
Python使用matplotlib模块绘制图像并设置标题与坐标轴等信息示例
2018/05/04 Python
Python实现重建二叉树的三种方法详解
2018/06/23 Python
pycharm 设置项目的根目录教程
2020/02/12 Python
python求numpy中array按列非零元素的平均值案例
2020/06/08 Python
英国奢华护肤、美容和Spa品牌:Temple Spa
2019/11/02 全球购物
阿里巴巴的Oracle DBA笔试题答案-SQL tuning类
2016/04/03 面试题
普通大学毕业生自荐信
2013/11/04 职场文书
教师自我评价范文
2013/12/16 职场文书
给校长的建议书100字
2014/05/16 职场文书
2015年幼儿园新年寄语
2014/12/08 职场文书
门店店长岗位职责
2015/04/14 职场文书
幼儿园综治宣传月活动总结
2015/05/07 职场文书
画展观后感
2015/06/17 职场文书
2016新春团拜会致辞
2015/08/01 职场文书
2016年寒假学习心得体会
2015/10/09 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书
Python 用户输入和while循环的操作
2021/05/23 Python
关于Mybatis中SQL节点的深入解析
2022/03/19 Java/Android