父子组件之间如何建立双向的数据绑定?

父子组件之间如何建立双向的数据绑定?

HarmonyOS
2024-07-11 11:17:45
1145浏览
收藏 0
回答 2
回答 2
按赞同
/
按时间
鱼弦CTO
1
分享
微博
QQ
微信
回复
2024-07-11 11:28:19
一意孤行的
@Component
@Preview
export struct Father {
  @State count: number = 0
  build() {
    Column({ space: 15 }) {
      //点击前显示年龄为20岁
      Text(`${this.count}`)
        .width(100)
        .height(40)
        .textAlign(TextAlign.Center)
        .onClick(() => {
          //点击后,将age改为30,Text显示也变为30
          this.count++
        })
      Child({ count: this.count })
    }.width('100%')
    .height("100%")
    .justifyContent(FlexAlign.Center)
  }
}

@Component
export struct Child {
  @Link count: number

  build() {
    Text(`${this.count}`)
      .width(100)
      .height(40)
      .textAlign(TextAlign.Center)
      .onClick(() => {
        //点击后,将age改为30,Text显示也变为30
        this.count++
      })
  }
}
  • 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.
分享
微博
QQ
微信
回复
2024-07-12 10:10:36


相关问题
HarmonyOS如何实现双向数据绑定
1502浏览 • 1回复 待解决
ArkTS简单类型变量双向数据绑定
2729浏览 • 1回复 待解决
HarmonyOS 父子组件之间传参传递数组
1166浏览 • 1回复 待解决
HarmonyOS $$双向绑定问题
1100浏览 • 1回复 待解决
HarmonyOS TextInput双向绑定无效
735浏览 • 1回复 待解决
HarmonyOS 无法使用$$双向绑定
1911浏览 • 1回复 待解决