微信小程序数组更新，但视图不更新的问题

最新推荐文章于 2025-02-13 14:45:45 发布
原创 最新推荐文章于 2025-02-13 14:45:45 发布 · 8.1k 阅读 · 2
标签
#微信小程序 #javascript #小程序
本文探讨了在微信小程序开发中如何正确从云数据库获取用户数据并更新视图层的问题。作者分享了解决方案，即通过setData方法确保数据实时同步到sj数组并显示在页面上。

1、起因

写一个微信小程序的时候，需要在云数据库中拉取所有用户数据，展示到页面上，展示用户列表，一开始是这么实现的

新建一个空数组，然后从从云数据库取数据，push到数组

 data: {
   
   
         sj:[]
      },
onLoad(options) {
   
   
  //云数据库取数据，push到数组
  const db = wx.cloud.database();
  db.collection('user
最低0.47元/天 解锁文章
ARMv8/v9架构下MDCR_EL3寄存器与性能监控机制解析
最新发布
weixin_30667649的博客
05-10 1475
在ARM处理器架构中，性能监控单元(PMU)是硬件级性能分析的核心组件，通过事件计数器实现指令周期、缓存命中率等关键指标的采集。其工作原理基于FEAT_PMUv3扩展规范，通过MDCR_EL3等控制寄存器实现安全状态隔离与多层级访问控制。这种机制在安全监控(EL3)场景下尤为重要，既能保障敏感信息不被泄露，又能为系统优化提供数据支撑。以MDCR_EL3的SPME和MPMX位域为例，开发者可以精细控制安全世界的性能监控行为，包括计数器使能、多线程支持(MTPME)和调试接口管理。该技术广泛应用于嵌入式系统调试
微信小程序更新数组数据，页面不刷新问题
yinge0508的博客
10-06 8587
微信小程序更新数组数据，页面不刷新问题
解决数据修改，但是视图未更新
空&白的博客
05-02 4561
在uniapp或者vue中，有时候会遇到数据修改，但实际上视图的数据未更新的情况。 例如： 直接赋值就不会改变视图。 用this.$set()后，就可以更新视图。 但是当this.list.time有设置默认值时，不管直接是直接赋值还是用set()，都可以修改视图。emmmmm 算了，我鶸，就不追究原因了= =。 ...
【小程序遍历二维数组，当修改二维数组成功后，页面不会一起更新,原因是内存地址未改变】
没落的博客
08-11 1727
在AppData中查看数据会发现数据已经修改了,但是并没有在页面上渲染出来,意味着,数组的内存地址没有修改,只需要让数据的内存地址改变就可以解决这个问题,一般来说数据已经存在但是并没有看到视图刷新多半是这个原因导致的.在微信小程序开发的过程中会遇到二维码或者三维数组时，更新数组的子元素数组时，并不会更新视图。这个是要实现的电影院选座的页面,座位是一个二维数组,在更新座位选中状态的时候出现这个问题.但是在微信开发者工具中并没有用.暂不清楚什么原因,有知道的大佬可以解释一下.视图已经更新但是页面不渲染。...
微信小程序——为什么数据库跟新了，而界面的值没有跟新？
QAQ518518的博客
09-15 1058
相信来看的人都特烦恼这个问题，，想了很多代码，查阅了很多的帖子，方法会用的都用了，剩下一些看不懂代码的方法没用，但也一筹莫展。 也许，你看到网上的一些人说讲代码放进onload（）里，或者其他里面。但你肯定没有成功，，不然，你也不会来看啊。 首先，先申明下，你之前写的代码都没有问题，思路也不错，也不是没有openid的事，而是你要改变的那个事件绑定的值的问题。（关于小程序里面的知识我也不懂，才学了五六天，开始写项目，而且在踩各种坑。） 这是个层级的问题。我就晓得个修改数据跟新数据库后，你要将其在页面上显示吧
uni-app - 改变数据后视图无更新变化解决方案，更改数据不刷新 uni-app坑
weixin_45901902的博客
01-19 7705
当页面数据全部请求完毕，但用户操作导致数据改变时，视图并未按照最新数据进行更新。有时候，我们动态改变数据的时候发现视图并未改变，（或者h5改变小程序并为改变）常见于在 methods函数或其他位置中，改变data数据的时候，虽然数据变了，但视图没有更新，本文提供两个解决方案，我上uni-app付费花了9.9元购买，（如下截图）在这里插入图片描述真的付钱了 好气好气100%解决该问题，非常好用，比如下面的代码，给data赋值后并没有在页面上有反应(实际console打印数据已经变了)∶。
微信小程序 修改数组或对象中的一个属性值单个属性赋值 的方法
时间在飞飞的博客
05-09 4365
1、在微信小程序中我们在逻辑层使用“=”改变data中的数据，视图层没有改变。 使用等于号“=”赋值的方式，在微信小程序中可以改变data中的数据，但是不能改变视图层的数据，微信提供了解决这个问题的方法，就是setData()方法。 2、但是修改数组或者对象中的一个属性值的写法就不能直接写。否则会报错。 使用“[ ]”符号可以很好的解决这个问题。 下面贴上代码 onCheckChange(event) { var index = event.currentTarget....
php修改数组长度限制,微信小程序修改数组长度的问题的解决
weixin_36150816的博客
03-21 235
微信小程序内数组重新修改长度，使用setData竟然存在问题：会出现不能及时更新数据的情况,尝试了一下使用data强制更新数据后，再数据需要赋值的地方再用setData进行数据处理即可，能用但是不知道是否是最佳方案。参考示例setarrayData(data){let array = this.data.list;//这里需要更新长度的话强制更新array.length == 0 &&am...
【微信小程序 】 数据更新，视图无法更新时，使用setData()更新视图，并解决setData()赋值对象属性及数组问题
Daivon_Up的博客
07-16 1万+
在Vue中，当我们对数据进行修改时，视图也会发生变化，微信小程序也提供的一样的功能，但是需要使用官方提供的setData()方法,如下: Page({ data: { isShow: false }, changeStatus(){ this.setData({isShow : true}); console.log(this.data.isShow); ...
uniapp数据更新视图不更新的问题
热门推荐
土拨鼠博客
02-22 2万+
强制更新 如果你发现你自己需要在 Vue 中做一次强制更新，99.9% 的情况，是你在某个地方做错了事。 你可能还没有留意到数组或对象的变更检测注意事项，或者你可能依赖了一个未被 Vue 的响应式系统追踪的状态。 然而，如果你已经做到了上述的事项仍然发现在极少数的情况下需要手动强制更新，那么你可以通过 $forceUpdate 来做这件事。 this.$forceUpdate() 更新某一个元素视图 Vue.set( target, propertyName/index, value ) 向响应式
小程序setData执行后，页面没有刷新
BlakeSteele的博客
05-08 3618
结论：如果调用setData页面没有重新渲染，可以查看数据类型有没有问题，不要单单看打印出来的数据，因为打印出来的数据，你无法区分类型。isPayee类型改变了，应该为int ，方法调用后，ispayee的值改为了str类型，导致页面判断一直为true。尝试多次，都不会刷新，开始以为是小程序bug，因为之前遇到过多次官方bug。isPayee: tab的值，当为1时，展示1号tab， 为0时，展示2号tab。这是两个tab页面，通过点击来切换页面，其实就是改变后台的数据。
微信小程序setData视图不更新的问题
Fanrunninghard的博客
01-26 3917
解决微信小程序使用setData视图不更新的问题
微信小程序，uniapp，hbuildx,解决数据更新界面不更新的问题（全网应该我的方法最管用）
qq_45399948的博客
02-13 951
【代码】微信小程序，uniapp，hbuildx,解决数据更新界面不更新的问题（全网应该我的方法最管用）
《小程序wx:for在更改数据后无法渲染页面》
杨晓风 迷迭香的记忆
03-23 4130
背景 为扩展业务，提高搜索效率，增加tab筛选：[综合，销量，价格] 问题发现 点击tab，重新发送接口请求，列表数据更改之后，但是页面并没有重新渲染 问题分析 <block wx:for="{{ searchData }}" wx:key="index"> <card-item messageChannelKey="{{ messageChannelKey }}" messageValPickKey="{{ index }}" cardType="normal"
微信小程序对象或数组this.setData不更新数据问题
qq_34631220的博客
07-08 2416
使用数组拼接的方式输出成功解决 var srt = "datas["+i+"][3]";//更新对象拼接 var cgl = this.data.dades[i][3];//更新的数据 this.setData({ [srt]:cgl, })
小程序扫码会走onShow方法，页面数据已经拿到但是没更新页面
weixin_45502106的博客
10-29 2317
1.项目中数据已经更改但是页面就是不刷新，原因是加载页面数据的方法写在了onShow中，扫码会导致重新请求页面数据，把之前拿到的正确数据给覆盖掉。 解决方案 请求数据暂且放在onReady中
微信小程序里为什么我设置了数据却不显示
bright789的博客
01-15 2万+
在学习微信小程序时，我碰到一个坑，就是去网络获取一个列表返回并设置到data里面，在view显示时却显示不出来，弄了半天才发现不能这么设置，所以记录下来并分享给遇到的朋友!                当时的获取列表数据情况：        wx.request({            url: 'http://… ',            method: 'GET',     
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

藏蓝色攻城狮

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值