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


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 相关文章推荐
javascript据option的value值快速设定初始的selected选项
Aug 13 Javascript
yepnope.js 异步加载资源文件
Sep 08 Javascript
js取滚动条的尺寸的函数代码
Nov 30 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
js传参数受特殊字符影响错误的解决方法
Oct 21 Javascript
Javascript 赋值机制详解
Nov 23 Javascript
JS上传图片前实现图片预览效果的方法
Mar 02 Javascript
js中window.open的参数及注意注意事项
Jul 06 Javascript
单击按钮发送验证码,出现倒计时的简单实例
Mar 17 Javascript
vue地址栏直接输入路由无效问题的解决
Nov 15 Javascript
基于vue.js实现购物车
Jan 15 Javascript
vue项目中微信登录的实现操作
Sep 08 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
Apache中php.ini的设置方法
2013/02/28 PHP
php小经验:解析preg_match与preg_match_all 函数
2013/06/29 PHP
php返回当前日期或者指定日期是周几
2015/05/21 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
类之Prototype.js学习
2007/06/13 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
2012/08/09 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
2016/12/23 Javascript
详解JS异步加载的三种方式
2017/03/07 Javascript
js实现水平滚动菜单导航
2017/07/21 Javascript
js根据需要计算数组中重复出现某个元素的个数
2019/01/18 Javascript
9102了,你还不会移动端真机调试吗
2019/03/25 Javascript
简单了解vue.js数组的常用操作
2019/06/17 Javascript
纯js+css实现仿移动端淘宝网站的弹出详情框功能
2019/12/29 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
centos下更新Python版本的步骤
2013/02/12 Python
简单介绍Python中的JSON使用
2015/04/28 Python
python实现linux下抓包并存库功能
2018/07/18 Python
python 异或加密字符串的实例
2018/10/14 Python
python 创建一维的0向量实例
2019/12/02 Python
Python迭代器协议及for循环工作机制详解
2020/07/14 Python
HTML5计时器小例子
2013/10/15 HTML / CSS
利用HTML5 Canvas制作一个简单的打飞机游戏
2015/05/11 HTML / CSS
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
销售职业生涯规划范文
2014/03/14 职场文书
五一劳动节活动记录
2014/03/23 职场文书
讲文明树新风演讲稿
2014/05/12 职场文书
医学求职信
2014/05/28 职场文书
党员干部一句话承诺
2014/05/30 职场文书
法定代表人授权委托书范文
2014/09/22 职场文书
商品陈列协议书
2014/09/29 职场文书
中学生打架检讨书
2014/10/13 职场文书
2015年小学体育教师工作总结
2015/10/23 职场文书
使用Pytorch训练two-head网络的操作
2021/05/28 Python
解决mysql的int型主键自增问题
2021/07/15 MySQL