HarmonyOS 鸿蒙Next 自定义弹窗在主窗体传入函数中修改状态参数界面不刷新

这是一个常见的 JavaScript/TypeScript 陷阱，特别是在处理事件处理器时。为了避免这类问题，你可以使用 bind 方法来确保 this 指向正确的对象：

confirm: this.confirm.bind(this)

或者

confirm: () => {this.confirm()}

将 this 的引用保存到了匿名函数内部

完整代码

@CustomDialog
@Component
export struct MyCustomDialog {
  confirm: () => void = () => {

  }
  controller: CustomDialogController;

  build() {
    Button("关闭").onClick(() => {
      this.confirm();
      this.controller.close();
    })
  }
}

@Entry
@Component
struct Page006 {
  @State title: string = '测试弹窗';
  private myCustomDialog: CustomDialogController | null = new CustomDialogController({
    builder: MyCustomDialog({
      confirm: this.confirm.bind(this)
    })
  })

  confirm() {
    this.title = "弹窗完成"
    console.log(this.title)
  }

  build() {
    Column() {
      Text(this.title)
      Button("打开弹窗").onClick(() => {
        this.myCustomDialog?.open();
      })
    }

  }
}