Harmony的自定义组件和Page的数据同步

在开发过程中会经常使用自定义组件,就会遇到一个问题,在页面中引入组件后,如何把改变的值传递到自定义组件中呢,这就用到了装饰器,在这是单向传递的,用的装饰器是@State和@Prop

@State在page页面中监听数据的变化
@Prop在自定义组件中监听page页面传递过来的变化值,并赋值给组件,使用的时候必须在调用的位置进行初始化,注意此装饰器不能在@Entry页面中使用

比如自定定义一个分为左右两部分的item,当右侧的数据变化后需要把变化的值赋值给自定义的item中右侧组件来显示内容
在这里插入图片描述
在这里插入图片描述

示例如下:

// 自定义组件
@Component
export default struct ItemLayout {
  private itemHeight: number = 50
  private leftName: ResourceStr
  @Prop rightName: string   // 当PropPage中选择好时间后此属性会接收到选择的时间值并赋值给组件
  private leftTextColor: ResourceColor = Color.Black
  private rightTextColor: ResourceColor = Color.Black
  private textSize: number = 16
  private backGroundColor: Resour

相关推荐

  1. 【鸿蒙定义组件生命周期】

    2024-02-02 05:58:02       29 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-02 05:58:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-02 05:58:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-02-02 05:58:02       87 阅读
  4. Python语言-面向对象

    2024-02-02 05:58:02       97 阅读

热门阅读

  1. Bi-Lstm+crf命名实体识别任务中crf的作用

    2024-02-02 05:58:02       49 阅读
  2. python魔法函数[全面]

    2024-02-02 05:58:02       63 阅读
  3. 网课:[CQOI2009]中位数图——牛客(疑问)

    2024-02-02 05:58:02       56 阅读
  4. redis百万级数据量预热方案

    2024-02-02 05:58:02       47 阅读
  5. LeetCode --- 2032. Two Out of Three 解题报告

    2024-02-02 05:58:02       46 阅读
  6. elementUI表单校验的几个方法区分

    2024-02-02 05:58:02       47 阅读
  7. Redis Cluster

    2024-02-02 05:58:02       53 阅读
  8. 15-RESTful风格-简化注解

    2024-02-02 05:58:02       51 阅读
  9. Python——turtle库笔记②

    2024-02-02 05:58:02       56 阅读
  10. Linux调优相关命令汇总

    2024-02-02 05:58:02       50 阅读