HarmonyOS 鸿蒙Next BuildParam 传递的构建函数,数据变化不会引起UI更新

HarmonyOS 鸿蒙Next BuildParam 传递的构建函数,数据变化不会引起UI更新

@Component
export struct IntegralChannelDialog {
  // 监听外部传入的visible变量，visible值发生变化时触发onChange回调函数
  @Link @Watch("onChange") visible: boolean
  onCancel?: () => void;
  onConfirm?: () => void;
  @Prop @Watch("dataChange")
  dialogContent: IntegralDialogContent
  // 通过CustomDialogController的builder参数绑定弹窗组件MyCustomDialog
  private controller = new CustomDialogController({
    builder: BaseCustomDialog({
      visible: $visible,
      onCancel: this.onCancel,
      onConfirm: this.onConfirm,
      content: this.content
    }),
    cancel: () => {
      this.visible = false
    },
    alignment: DialogAlignment.Center,
    backgroundColor: $r('app.color.xxx'),
    cornerRadius: '10vp'
  })

  dataChange() {
    ExLogger.i("NormalDialog", JSON.stringify(this.dialogContent))
  }

  // visible的值发生变化时触发，若visible最新值为true通过弹窗控制器打开弹窗，否则关闭弹窗
  onChange() {
    if (this.visible) {
      this.controller.open()
    } else {
      this.controller.close()
    }
  }

  build() {

  }

  @Builder
  content(): void {
    IntegralTip({
      title: this.dialogContent?.title,
      list: [],
      total: this.dialogContent?.total
    })
  }
}

@CustomDialog
export struct BaseCustomDialog {
  @Link visible: boolean;
  // 被@CustomDialog装饰器修饰的组件必须持有CustomDialogController类型属性参数
  controller: CustomDialogController;
  // 弹窗交互事件参数，点击确认和取消按钮时的回调函数
  onCancel?: () => void;
  onConfirm?: () => void;
  @BuilderParam
  content: () => void

  build() {
    Column({ space: 12 }) {
      this.content?.()
    }
    .height(AUTO)
  }
}

dataChange()方法能监听到数据类的变化 ,但是ui并不会更新