【HarmonyOS NEXT】使用LazyForEach，父组件中arr更新后，子组件中的数据没渲染更新

最新推荐文章于 2024-08-18 21:17:21 发布
最新推荐文章于 2024-08-18 21:17:21 发布
阅读量342 收藏 1
点赞数 5
文章标签： harmonyos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mayism123/article/details/140531189
版权

【关键字】

子组件 / 父组件/ arr更新 / 渲染未更新 / ForEach / LazyForEach

【问题描述】

子组件为TextVerticalList，父组件为PriorityRelease，父组件中的arr更新后，子组件监听到并且输出了日志，但是子组件中的数据没渲染更新。

触发子组件更新的通过ForEach可以解决，但是使用LazyForEach就不行。为什么用LazyForEach不行？

【解决方案】

LazyForEach有一定的使用限制导致的，例如LazyForEach在每次迭代中，必须创建且只允许创建一个子组件。

具体使用限制参考链接如下：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-rendering-control-lazyforeach-0000001820879609#ZH-CN_TOPIC_0000001811158850__使用限制

Mayism123
关注
  • 5
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
鸿蒙开发之LazyForEach及刷新问题
Lu_Ca的博客
02-20 2416
在开发过程中会遇到list、grid的item过多的情况。例如某些新闻类、某些购物类的页面，如果我们有大量的数据，直接通过ForEach进行全量渲染会直接把手机卡死。这样肯定是不行的，这个时候LazyForEach就该登场了。LazyForEach主要是用来针对列表数据量大、列表组件复杂的场景，减少了页面一次性加载数据的时间消耗，减少了内存峰值。可以显著提升页面的能效比和用户体验。实现原理就是它会从提供的数据源中按需迭代数据，并在每次迭代过程中创建相应的组件。
鸿蒙forEach循环构建列表，数据项属性变更UI不更新终极解决办法
qq_46083263的博客
05-17 684
允许你读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。如果尝试访问的属性不存在，表达式将短路并返回。像界面出现异步等问题，出现报错read img_url of undefined 可以用?重新构建每一项的对象是关键，不然改变属性不会更新界面。，而不是抛出一个错误。
（五）鸿蒙HarmonyOS主力开发语言ArkTS-数据懒加载(LazyForEach)
qq_44160056的博客
04-01 1907
系列文章目录 （一）鸿蒙HarmonyOS开发基础 （二）鸿蒙HarmonyOS主力开发语言ArkTS-基本语法 （三）鸿蒙HarmonyOS主力开发语言ArkTS-状态管理 （四）鸿蒙HarmonyOS主力开发语言ArkTS-渲染控制 文章目录系列文章目录LazyForEach：数据懒加载接口描述IDataSource类型说明DataChangeListener类型说明使用限制键值生成规则组件创建规则首次渲染 LazyForEach：数据懒加载 LazyForEach从提供的数据源中按需迭代数据，并在
HarmonyOS 父组中变量值改变，如何让子组件中的值跟着一起变化？
weixin_32442555的博客
07-12 46
在 HarmonyOS 中，实现父组件中的变量值改变时，子组件中的值也跟着变化，可以通过 @Observed、@State 和 @Link 装饰器来实现。以下示例展示了如何实现这种双向绑定，使得父组件的状态变更能够自动更新子组件的显示。示例代码定义父组件登录后复制 import { Observed } from 'oh...
鸿蒙开发渲染控制【LazyForEach：数据懒加载】
2401_82772199的博客
07-31 280
LazyForEach从提供的数据源中按需迭代数据，并在每次迭代过程中创建相应的组件。当在滚动容器中使用了LazyForEach，框架会根据滚动容器可视区域按需创建组件，当组件滑出可视区域外时，框架会进行组件销毁回收以降低内存占用。
构建第一个ArkTS应用之@LazyForEach：数据懒加载
二当家的
05-15 735
LazyForEach从提供的数据源中按需迭代数据，并在每次迭代过程中创建相应的组件。当在滚动容器中使用了LazyForEach，框架会根据滚动容器可视区域按需创建组件，当组件滑出可视区域外时，框架会进行组件销毁回收以降低内存占用。
解决vue组件中使用v-for出现告警问题及v for指令介绍
08-28
解决 Vue 组件中使用 v-for 告警问题及 v-for 指令介绍 在 Vue 组件中使用 v-for 指令时，经常会出现告警问题，这篇文章将为大家介绍解决该问题的方法，并详细介绍 v-for 指令的使用。 解决 Vue 组件中使用 v-for ...
vue.js中$set与数组更新方法
01-21
当然vue中给了解决方法，就是使用 Vue.set, vm.$set(Vue.set的变种写法)或者 splice，caoncat等修改数组，同时也将触发状态更新： ex： 所以如果在实例创建后添加新的属性到实例上，则不会触发更新。 ps：现在有两...
解决vue中修改了数据但视图无法更新的情况
12-09
我们有时候常碰到vue中明明修改了数据，但是视图无法更新，因此我总结了一点点碰到此类的情况： 1、v-for遍历的数组，当数组内容使用的是arr[0].xx =xx更改数据，vue无法监测到 数组数据变动：我们使用某些方法操作...
HarmonyOS应用开发-ETSsrcoll滑动组件.docx
06-05
### HarmonyOS应用开发-ETSsrcoll滑动组件详解 #### 一、概述 在HarmonyOS的应用开发过程中，为了提供更丰富的用户...掌握了这些技能之后，开发者可以在HarmonyOS应用开发中更加灵活地使用滑动组件，提升用户体验。
Fortran.rar_fortran中arr
09-14
在"Fortran.rar_fortran中arr"这个压缩包中，我们关注的是Fortran中数组的使用，特别是与“随机方向法”相关的数组操作。 首先，让我们了解一下Fortran中的数组。在Fortran中，数组是一种可以存储多个相同类型数据...
鸿蒙（API 12 Beta3版）【扩展屏投播开发指导】使用投播组件
鸿蒙的技术博客
08-14 1268
通过本节开发指导，可在系统镜像投屏后，获取投屏设备信息，实现扩展屏模式的投播，实现双屏协作的能力。
【鸿蒙OH-v5.0源码分析之 Kernel 部分】000 - OpenHarmony-V5.0 Bata1 源码编译环境塔建
|~~~热爱生活、努力学习的小伙汁~~~|
08-18 130
【鸿蒙OH-v5.0源码分析之 Kernel 部分】000 - OpenHarmony-V5.0 Bata1 源码编译环境塔建
HarmonyOS Developer之生成二维码
weixin_47988426的博客
08-14 420
生成二维码
HarmonyOS 开发
一个大佬的博客
08-18 366
【代码】HarmonyOS 开发。
鸿蒙关于可以实现滚动效果的容器组件的相关知识
最新发布
qq_43474235的博客
08-18 565
在开发的过程中，用户在使用app的过程中对于滚动条样式审美的提升，不断向开发人员提出建议，开发人员不得不改变滚动条样式。通过使用ScrollBar组件（需要和Grid公用同一个Scroller）来自定义样式。Grid的属性属性名类型说明scrollBarBarState设置滚动条状态。默认值：BarState.autoBarState.off 关闭BarState.on 常驻BarState.auto 按需显示设置滚动条的颜色。设置滚动条的宽度。
鸿蒙内核源码分析(进程管理篇) | 谁在管理内核资源？
黎程雨的博客
08-15 704
的情况下 系统最多是64个进程，但有两个进程先被占用，用户态和内核态各一个，他们是后续创建进程的根，所以最多留给外面的只有 62个进程可创建，代码的最后两个根进程的task阻塞链表被清空了,因为没有阻塞任务当然要清空.进程创建或fork时，拿到该进程控制块后进入Init状态，处于进程初始化阶段，当进程初始化完成将进程插入调度队列，此时进程进入就绪状态。阻塞进程内的任意线程恢复就绪态时，进程被加入到就绪队列，同步转为就绪态，若此时发生进程切换，则进程状态由就绪态转为运行态。
鸿蒙HarmonyOS开发：ArkTS声明式UI规范
weixin_55362248的博客
08-15 698
ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。
将子组件中的props数组数据赋值给data
06-02
如果你需要在子组件中修改父组件传递过来的数组类型的...需要注意的是，如果父组件修改了props中的数据，子组件中的data属性arr不会自动更新，需要使用watch监听props中的数据变化，并手动更新子组件中的data属性值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值