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

问题

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

分析

在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])) ;

案例

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

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

猜你喜欢

转载自blog.csdn.net/weixin_43614065/article/details/126280030