【小程序遍历二维数组,当修改二维数组成功后,页面不会一起更新,原因是内存地址未改变】

问题

在微信小程序开发的过程中会遇到二维码或者三维数组时,更新数组的子元素数组时,并不会更新视图

分析

在AppData中查看数据会发现数据已经修改了,但是并没有在页面上渲染出来,意味着,数组的内存地址没有修改,只需要让数据的内存地址改变就可以解决这个问题,一般来说数据已经存在但是并没有看到视图刷新多半是这个原因导致的.
提示:地址就是指针

解决方案

使用JSON对原数组转JSON然后去除转义,就可以实现改变内存地址的目的,理论上讲解构赋值应该会更换了内存地址(react中遇到该问题可以使用解构赋值)

但是在微信开发者工具中并没有用.暂不清楚什么原因,有知道的大佬可以解释一下.

吐槽一下

这个问题存在很久了,官方一直没有解决.

代码

let arr = [[1,2,3,],[4,5,6],[7,8,9]];
arr = JSON.parse(JSON.stringify(arr)) ;

同样会出现内容地址不变的还有直接给变量赋值数组的元素 let item = arr[index]

let arr = [[1,2,3,],[4,5,6],[7,8,9]];
let  item =  arr = JSON.parse(JSON.stringify(arr[index])) ;

案例

这个是要实现的电影院选座的页面,座位是一个二维数组,在更新座位选中状态的时候出现这个问题.
在这里插入图片描述

视图已经更新但是页面不渲染
在这里插入图片描述
只要在修改数组前改变内容地址就好了
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值