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


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 分页全选或反选标识实现代码
Aug 09 Javascript
js添加table的行和列 具体实现方法
Jul 22 Javascript
JavaScript面向对象之私有静态变量实例分析
Jan 14 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
Mar 05 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
Mar 06 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
Dec 21 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
Jan 19 Javascript
微信小程序之GET请求的实例详解
Sep 29 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
Sep 21 Javascript
vue动态注册组件实例代码详解
May 30 Javascript
详解Angular cli配置过程记录
Nov 07 Javascript
koa-passport实现本地验证的方法示例
Feb 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
PHP5/ZendEngine2的改进
2006/10/09 PHP
php 动态执行带有参数的类方法
2009/04/10 PHP
phpmyadmin 访问被拒绝的真实原因
2009/06/15 PHP
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
2010/03/21 Javascript
一个简单的js动画效果代码
2010/07/20 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
2014/06/27 Javascript
JS实现进入页面时渐变背景色的方法
2015/02/25 Javascript
浅谈js中子页面父页面方法 变量相互调用
2016/08/04 Javascript
jQuery EasyUI封装简化操作
2016/09/18 Javascript
浅谈js原生拖放
2016/11/21 Javascript
Bootstrap CSS组件之导航(nav)
2016/12/17 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
2016/12/25 Javascript
angularjs实现天气预报功能
2020/06/16 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
2018/03/03 Javascript
JavaScript执行环境及作用域链实例分析
2018/08/01 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
2019/09/02 Javascript
JavaScript实现模态对话框实例
2020/01/13 Javascript
vue-router之解决addRoutes使用遇到的坑
2020/07/19 Javascript
Python中获取网页状态码的两个方法
2014/11/03 Python
Python os模块中的isfile()和isdir()函数均返回false问题解决方法
2015/02/04 Python
python根据出生日期获得年龄的方法
2015/03/31 Python
Python优先队列实现方法示例
2017/09/21 Python
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
numpy返回array中元素的index方法
2018/06/27 Python
python+pyqt5编写md5生成器
2019/03/18 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
python中dict()的高级用法实现
2019/11/13 Python
Python用input输入列表的实例代码
2020/02/07 Python
python爬虫beautifulsoup库使用操作教程全解(python爬虫基础入门)
2021/02/19 Python
美国在线和移动免费会员制批发零售商:Boxed(移动端的Costco)
2020/01/02 全球购物
中国梦我的梦演讲稿
2014/04/23 职场文书
拾金不昧感谢信
2015/01/21 职场文书
交警失职检讨书
2015/01/26 职场文书
餐厅营销的秘密:为什么老顾客会流水?
2019/08/08 职场文书
你真的了解redis为什么要提供pipeline功能
2021/06/22 Redis
go使用Gin框架利用阿里云实现短信验证码功能
2021/08/04 Golang