#鸿蒙通关秘籍# 在ArkTS开发中,如何实现组件之间的数据双向绑定,@Link装饰器的作用和使用方法是什么?

HarmonyOS
2024-12-04 11:49:26
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
第一小趴菜

我们在子组件中放上@Link装饰器,但是我们不要给变量复赋值,我们在父组件在调用子组件的时候  子组件的名称({ 子组件中的变量1: 要赋予的值,子组件中的变量2: 要赋予的值 }) 

按照这个格式进行使用

// 子组件
@Component
struct Child {
  @Link data: number;

  build() {
    Button(`Update Data`).onClick(() => {
      this.data += 10;
    })
  }
}

// 父组件
@Entry
@Component
struct Parent {
  @State data: number = 5;

  build() {
    Child({ data: this.data })
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
分享
微博
QQ
微信
回复
2024-12-05 09:10:41
相关问题
HarmonyOS如何实现双向数据绑定
1461浏览 • 1回复 待解决