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

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

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

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

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

示例如下:

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

相关文章:

  • 【Vue3+Vite】路由机制router 快速学习 第四期
  • python脚本实现浏览器驱动chromedriver的版本自动升级
  • npm使用国内淘宝镜像
  • # Redis 分布式锁如何自动续期
  • 数据结构 归并排序详解
  • 服务器C盘突然满了,是什么问题
  • 【深度学习】ND4J-科学计算库
  • 2024-01-29 ubuntu 用脚本设置安装交叉编译工具链路径方法,设置PATH环境变量
  • 今年春节很多年轻人选择不买战袍,减少年货置办,「极简过年」,如何看待此现象?
  • C语言·贪吃蛇游戏(下)
  • Flask 入门2:路由
  • 【C++】 C++入门— 基于范围的 for 循环
  • C++——析构函数
  • Vue3学习记录(二)--- 组合式API之计算属性和侦听器
  • react-virtualized实现行元素不等高的虚拟列表滚动
  • Linux系统各目录作用
  • 嵌入式系统学习(一)
  • 重写Sylar基于协程的服务器(3、协程模块的设计)
  • Linux之系统安全与应用续章
  • 《HTML 简易速速上手小册》第7章:HTML 多媒体与嵌入内容(2024 最新版)
  • 【CSS】移动端适配
  • DFS剪枝算法经典题目-挑选
  • 考研经验总结——考试期间
  • vue3 源码解析(6)— lifecycle 生命周期的实现
  • three.js CSS2DRenderer、CSS2DObject渲染HTML标签
  • SECS/GEM300和半导体e84控制器
  • k8s二进制及负载均衡集群部署详解
  • 【Django开发】0到1开发美多商城项目第3篇:用户注册业务实现(附代码,已分享)
  • 免费的ppt网站分享
  • 基于Transformer结构的扩散模型综述