HarmonyOS 一个事件的消息如何发送给Tabs当前选中的Page

Column() { 
  Tabs() { 
    TabContent() { 
      //自定义Component 
    } 
    .tabBar('首页') 
 
    TabContent() { 
      //自定义Component 
    } 
    .tabBar('推荐') 
  } 
  Button('Ok', { type: ButtonType.Normal, stateEffect: true }) 
    .onClick(()=>{ 
      console.info('Button onClick') 
      //需要传递一个消息给当前选中TabContent里面自定义的Component 
    }) 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.

点击button,需要传递一个消息给当前选中TabContent里面自定义的Component,如何处理。

HarmonyOS
2024-11-05 10:16:18
858浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
FengTianYa

​可以参考父子组件数据同步,下面是文档链接。

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-prop-V5

下面是参考demo​。

@Component 
struct Test1{ 
  @Prop msg: string = 'Test01' 
  build() { 
    Text(this.msg) 
  } 
} 
 
 
@Entry 
@Component 
struct TabbarPage { 
  @State message: string = 'Hello World'; 
 
  @Prop test: string = 'test' 
 
  build() { 
    Column() { 
      Tabs() { 
        TabContent() { 
          //自定义Component 
          Test1({ msg: this.message}) 
        } 
        .tabBar('首页') 
 
        TabContent() { 
        } 
        .tabBar('推荐') 
      }.height('50%') 
      Button('Ok', { type: ButtonType.Normal, stateEffect: true }) 
        .onClick(()=>{ 
          // 这里对父组件传递给子组件的变量或者消息进行修改 
          this.message = '点击了按钮' 
          console.info('Button onClick') 
        }) 
    } 
  } 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
分享
微博
QQ
微信
回复
2024-11-05 17:51:20
相关问题
如何编写一个可继承Page
1058浏览 • 1回复 待解决
需要一个获取当前省份方法
1260浏览 • 1回复 待解决
HarmonyOS一个自定义tabs冲突
958浏览 • 1回复 待解决
实现一个发送进度条通知方法
955浏览 • 1回复 待解决