HarmonyOS 鸿蒙Next @Link修饰变量时怎么传值

解决措施

子组件使用@Link接受父组件的值时，需要使用$建立变量之间的引用关系。才能实现同步。@Link语义是从$操作符引出，即$isPlaying是this.isPlaying内部状态的双向数据绑定。

当单击子组件PlayButton中的按钮时，@Link变量更改，PlayButton与父组件中的Text和Button将同时进行刷新，同样地，当点击父组件中的Button修改this.isPlaying时，子组件PlayButton与父组件中的Text和Button也将同时刷新。

代码示例

1. 在父组件使用@State装饰器，传递数据使用$符创建引用

@Entry
@Component
struct Player {
  @State isPlaying: boolean = false

  build() {
    Column() {
      PlayButton({
        buttonPlaying: $isPlaying
      })
      Text(`Player is ${this.isPlaying ? '' : 'not'} playing`).fontSize(18)
      Button('Parent:' + this.isPlaying)
        .margin(15)
        .onClick(() => {
          this.isPlaying = !this.isPlaying
        })
    }
  }
}

1. 在子组件使用@Link接受数据

@Component
struct PlayButton {
  @Link buttonPlaying: boolean

  build() {
    Column() {
      Button(this.buttonPlaying ? 'pause' : 'play')
        .margin(20)
        .onClick(() => {
          this.buttonPlaying = !this.buttonPlaying
        })
    }
  }
}