当前位置: 首页 > article >正文

鸿蒙子组件根据数据,刷新item Ui的规范

鸿蒙

子组件列表中,有多个isSelect,父组件只用一个@state类型的isSelect,就可以将它们关联起来,如下:

    isLike:item1.isPraise?!this.isLike:this.isLike,

子组件想要数据变化,UI随着更新,就得让父组件的@state关联,只要1个变量就可以。

父组件中:



  @Prop isFinished: boolean;
  @Prop things: string;



      List() {
        ForEach(this.data.planList, (item: string) => {
          // 待办事项1
          ThingsComponent({isFinished: this.isFinished, things: item})
            .margin(5)
        })
      }

子组件中:

@Component
export struct ThingsComponent{

  @Prop isFinished: boolean;
  @Prop things: string;




   Text(`${this.things}`)
        .fontSize(24)
        .fontWeight(450)
        .decoration({type: this.isFinished ? TextDecorationType.LineThrough : TextDecorationType.None})
        .onClick(() => {
          this.things += '啦';
        })


}


http://www.kler.cn/a/512544.html

相关文章:

  • STM32-串口-UART-Asynchronous
  • gitlab使用多数据库
  • 嵌入式知识点总结 ARM体系与架构 专题提升(一)-硬件基础
  • 【AI论文】生成式视频模型是否通过观看视频学习物理原理?
  • 【统计的思想】假设检验(一)
  • redis性能优化参考——筑梦之路
  • 重讲Diffusion Policy(从公式和代码角度): 个人最看好的机器人操控算法
  • 计算机网络常见协议
  • JS宏实例:隐藏窗口读取数据与简单的数据处理
  • debian中apt的配置与解析
  • 理解 package-lock.json 何时推送与忽略
  • 流行的开源高性能数据同步工具 - Apache SeaTunnel 整体架构运行原理
  • 【ARM】MDK-语言标准执行报错Error:268
  • C#操作Xml节点
  • 自动化办公|使用Python重命名并移动文件到对应文件夹
  • 基于微信小程序的医院挂号预约系统ssm+论文源码调试讲解
  • 基于行为分析的企业内网安全防护系统设计
  • 【大模型】ChatGPT 高效处理图片技巧使用详解
  • 《Vue3 十》Vue 底层原理
  • [gpu驱动] H200 nvidia-fabricmanager-550升级到nvidia-fabricmanager-565报错,升级步骤
  • Android 13 动态显示隐藏 HomeButton,RecentsButton
  • 100条Linux命令汇总
  • 微信小程序之 如何使用全局变量将openid传到其他页面
  • 【Tortoise-ORM】 高级特性与实战
  • Linux内核编程(二十一)USB驱动开发
  • 【Java数据结构】Java对象的比较