组件自定义回调函数实现

想把自定义组件的点击事件抛出来执行, 但是没生效如果将函数传递到自定义组件里, 自定义组件没有action操作。

对于这种并列组件,或者是父组件需要感知子组件点击事件 使用@Watch感觉不太合适, 希望可以实现回调的方式,将事件抛出来。

HarmonyOS
2024-10-11 10:35:01
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

尝试demo:

@Entry({ routeName: FLOW_PLAYBACK_PAGE })  
@Component  
export default struct FlowPlaybackPage {  
  
  build() {  
    Stack(){  
      Custom({  
        onClickEvent: (num:number) => {  
          this.onClickEvent2(num)  
        }  
      })  
    }  
  }  
  
  onClickEvent2 = (number:number):void =>{  
    console.log(number.toString());  
  }  
}  
  
@Component  
export struct Custom{  
  onClickEvent : (number:number) => void = ()=>{}  
  
  build() {  
    Stack()  
      .backgroundColor(Color.Black)  
      .width(200)  
      .height(200)  
      .onClick(() => {  
        this.onClickEvent(123)  
      })  
  }  
}
分享
微博
QQ
微信
回复
2024-10-11 16:36:26
相关问题
HarmonyOS 自定义interface问题
127浏览 • 1回复 待解决
@Builder自定义构建函数,如何参?
230浏览 • 1回复 待解决
HarmonyOS CoverFlow效果自定义组件实现
191浏览 • 1回复 待解决
HarmonyOS 如何声明全局函数
279浏览 • 1回复 待解决
HarmonyOS自定义组件增加方法如何实现
348浏览 • 1回复 待解决
函数怎么写比较好
1052浏览 • 1回复 待解决
如何为 C++ 提供函数
2405浏览 • 1回复 待解决
swiper组件如何实现自定义切换动画
666浏览 • 1回复 待解决
Emitter如何声明函数类型
1742浏览 • 1回复 待解决
如何在自定义函数中创建一个UI组件
1777浏览 • 1回复 待解决
自定义组件嵌套子组件
9434浏览 • 3回复 待解决