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


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 相关文章推荐
表单填写时用回车代替TAB的实现方法
Oct 09 Javascript
jquery下为Event handler传递动态参数的代码
Jan 06 Javascript
JS文本获得焦点清除文本文字的示例代码
Jan 13 Javascript
JavaScript极简入门教程(一):基础篇
Oct 25 Javascript
js实现表单Radio切换效果的方法
Aug 17 Javascript
常用javascript表单验证汇总
Jul 20 Javascript
JavaScript面试题(指针、帽子和女朋友)
Nov 23 Javascript
AngularJS基于MVC的复杂操作实例讲解
Dec 31 Javascript
vue实现跳转接口push 转场动画示例
Nov 01 Javascript
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
Mar 08 Javascript
js+canvas实现画板功能
Sep 13 Javascript
vue项目打包后路由错误的解决方法
Apr 13 Vue.js
微信小程序利用云函数获取手机号码
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函数之error_reporting(E_ALL ^ E_NOTICE)详细说明
2011/07/01 PHP
linux下为php添加curl扩展的方法
2011/07/29 PHP
PHP加密扩展库Mcrypt安装和实例
2013/11/10 PHP
一款简单实用的php操作mysql数据库类
2014/12/08 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
2015/08/18 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
element-ui 中的table的列隐藏问题解决
2018/08/24 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
2018/08/28 jQuery
浅谈webpack+react多页面开发终极架构
2018/11/11 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
JavaScript实现简单进度条效果
2020/03/25 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛
2014/07/08 DOTA
[02:20]DOTA2亚洲邀请赛 IG战队出场宣传片
2015/02/07 DOTA
python抓取京东商城手机列表url实例代码
2013/12/18 Python
python去除所有html标签的方法
2015/05/05 Python
Django分页功能的实现代码详解
2019/07/29 Python
如何用Python来搭建一个简单的推荐系统
2019/08/07 Python
Python数据可视化:饼状图的实例讲解
2019/12/07 Python
Python关于拓扑排序知识点讲解
2021/01/04 Python
HTML5移动端开发中的Viewport标签及相关CSS用法解析
2016/04/15 HTML / CSS
Monnier Freres中文官网:法国领先的奢侈品配饰在线零售商
2017/11/01 全球购物
假日旅行社实习自我鉴定
2013/09/24 职场文书
实习自荐信
2013/10/13 职场文书
大学生标准推荐信范文
2013/11/25 职场文书
最新个人职业生涯规划书
2014/01/22 职场文书
学校门卫岗位职责
2014/03/16 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书
小区物业管理2015年度工作总结
2015/10/22 职场文书
2016教师节问候语
2015/11/10 职场文书