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


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 相关文章推荐
js 全兼容可高亮二级缓冲折叠菜单
Jun 04 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
Sep 02 Javascript
原生js操作checkbox用document.getElementById实现
Oct 12 Javascript
js实现点小图看大图效果的思路及示例代码
Oct 28 Javascript
深入理解JavaScript中的箭头函数
Jul 28 Javascript
深入理解ES6的迭代器与生成器
Aug 19 Javascript
微信小程序使用swiper组件实现层叠轮播图
Nov 04 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
vue实现瀑布流组件滑动加载更多
Mar 10 Javascript
编写一个javascript元循环求值器的方法
Apr 14 Javascript
React实现评论的添加和删除
Oct 20 Javascript
Javascript新手入门之字符串拼接与变量的应用
Dec 03 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获取网址的顶级域名函数代码
2012/09/24 PHP
php 生成唯一id的几种解决方法
2013/03/08 PHP
PHP获取表单所有复选框的值的方法
2014/08/28 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
2017/12/14 PHP
jQuery插件开发全解析
2012/10/10 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
JS版的date函数(和PHP的date函数一样)
2014/05/12 Javascript
nodejs批量修改文件编码格式
2015/01/22 NodeJs
BootStrap中的表单大全
2016/09/07 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
JS简单获取当前日期和农历日期的方法
2017/04/17 Javascript
详解用node-images 打造简易图片服务器
2017/05/08 Javascript
浅谈JavaScript面向对象--继承
2019/03/20 Javascript
python列表与元组详解实例
2013/11/01 Python
jupyter安装小结
2016/03/13 Python
Flask框架响应、调度方法和蓝图操作实例分析
2018/07/24 Python
在python 中实现运行多条shell命令
2019/01/07 Python
Numpy 中的矩阵求逆实例
2019/08/26 Python
Django权限控制的使用
2021/01/07 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
html5 利用canvas手写签名并保存的实现方法
2018/07/12 HTML / CSS
美国女性奢华品牌精品店:INTERMIX
2017/10/12 全球购物
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
经典c++面试题四
2015/05/14 面试题
抽象类和接口的区别
2012/09/19 面试题
js正则匹配markdown里的图片标签的实现
2021/03/24 Javascript
应届生护士求职信
2013/11/01 职场文书
毕业生自我鉴定实例
2014/01/21 职场文书
2014教师年度工作总结
2014/11/10 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
2016年员工年度考核评语
2015/12/02 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
Nginx同一个域名配置多个项目的实现方法
2021/03/31 Servers
SpringCloud之@FeignClient()注解的使用方式
2021/09/25 Java/Android
React如何使用axios请求数据并把数据渲染到组件
2022/08/05 Javascript
SQLyog的下载、安装、破解、配置教程(MySQL可视化工具安装)
2022/09/23 MySQL