鸿蒙UI数据绑定不适用prop注解方式以及指定获取某个View

​鸿蒙UI数据绑定不适用prop注解方式以及指定获取某个View并操作view的方法示例

HarmonyOS
2024-06-03 23:23:59
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
jennyhan

组件交互可以参考如下三种方式:

import HashMap from '@ohos.util.HashMap'; 
 
import EventBus from 'eventbusjs'; 
 
const KEY_: string = 'ChildComponent2'; 
const MSG_CLICK = 'msg_onclick'; 
 
@Entry 
@Component 
@Preview 
struct ParenComponent { 
  @State clickPropCount: number = 0; 
  private callbackController: DemoController = new DemoController(); 
 
  build() { 
    Row() { 
      Column() { 
        Button('方式一:通过Prop交互') 
          .width('100%').height('45vp').onClick(event => { 
          this.clickPropCount++; 
        }) 
        ChildComponent1({ clickCount: this.clickPropCount, title: '通过Prop传值' }); 
 
        Button('方式二:通过注册回调交互') 
          .width('100%').height('45vp').onClick(event => { 
          this.callbackController.listenerList.forEach((listener, key) => { 
            listener?.onChange(); 
          }) 
        }) 
        ChildComponent2({ controller: this.callbackController, title: '通过注册回调传值' }); 
 
        // https://gitee.com/openharmony-tpc/openharmony_tpc_samples/tree/master/EventBus 
        Button('方式三:通过EvtBus交互') 
          .width('100%').height('45vp').onClick(event => { 
          EventBus.dispatch(MSG_CLICK); 
        }) 
        ChildComponent3({ title: '通过EvtBus传值' }); 
      }.height('100%') 
    }.height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-06-04 22:27:33
相关问题
请问鸿蒙中有没有@Keep注解
6176浏览 • 2回复 待解决
Scrapy 获取不到拉勾网指定的xpath数据
3967浏览 • 0回复 待解决
鸿蒙如何获取与设备绑定的设备ID?
541浏览 • 1回复 待解决
鸿蒙适用的单片机是否需要mmu?
10536浏览 • 3回复 待解决
鸿蒙获取图片指定大小的缩略图吗
8034浏览 • 1回复 待解决
数据绑定框架使用问题
4451浏览 • 1回复 待解决
ArkTS简单类型变量双向数据绑定
354浏览 • 1回复 待解决
独立的指定帧率来运行UI绘制
360浏览 • 1回复 待解决
如何获取文本对齐方式
306浏览 • 1回复 待解决
JS UI框架中canvas如何动态指定宽高
5175浏览 • 1回复 待解决
如何在UI获取Context
782浏览 • 1回复 待解决
如何在UI获取UIAbilityContext
801浏览 • 1回复 待解决
如何获取指定Bundle Name的Ability信息
610浏览 • 1回复 待解决
线程信息以及线程的任务栈如何获取
457浏览 • 1回复 待解决
数据持久化的方式有哪些?
354浏览 • 1回复 待解决