当父组件绑定了onTouch,子组件绑定了onClick,点击子组件如何阻止冒泡传递

当父组件绑定了onTouch,子组件绑定了onClick,点击子组件如何阻止冒泡传递

HarmonyOS
2024-07-05 19:17:13
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
好难的昵称

在子组件Button组件中绑定onTouch,并在onTouch中使用stopPropagation()阻止onTouch冒泡传递到父组件阻止冒泡传递。

示例代码

build() {
  Row() {
    Button("点击我")
      .width(100)
      .width(100)
      .backgroundColor('#f00')
      .onClick(()=>{
        console.log("Button onClick")
      })
      .onTouch((e) => {
        console.log("Button onTouch")
        e.stopPropagation()
      })
  }
  .onTouch(() => {
    console.log("Row onTouch")
  })
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
分享
微博
QQ
微信
回复
2024-07-06 11:32:08
相关问题
HarmonyOS 组件状态绑定
360浏览 • 1回复 待解决
组件组件传递函数
855浏览 • 1回复 待解决
组件如何处理组件点击事件
3378浏览 • 1回复 待解决
组件事件能否到传递组件
2923浏览 • 1回复 待解决
组件调用组件的方法
2095浏览 • 1回复 待解决