在自定义组件里使用watch监听

在自定义组件里使用watch监听

HarmonyOS
2024-08-05 14:48:34
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
进击的鱼白

使用`@Watch`回调机制是监控状态变量变化的推荐方法。当回调函数被触发执行时,这标志着在即将到来的`vysnc`信号发送周期内,与该状态变量相关联的用户界面(UI)将会进行刷新绘制,以确保界面显示与当前状态保持同步。

参考代码如下:

@Component
struct TotalView {
  @Prop @Watch('onCountUpdated') count: number = 0;
  @State total: number = 0;
回调
  onCountUpdated(propName: string): void {
    this.total += this.count;
  }

  build() {
    Text(`Total: ${this.total}`)
  }
}

@Entry
@Component
struct CountModifier {
  @State count: number = 0;

  build() {
    Column() {
      Button('add to basket')
        .onClick(() => {
          this.count++
        })
      TotalView({ count: this.count })
    }
  }
}
分享
微博
QQ
微信
回复
2024-08-05 19:46:21
相关问题
自定义组件使用@ObjectLink报错
1348浏览 • 1回复 待解决
自定义组件onMeasureSize的使用
427浏览 • 1回复 待解决
getContext(this)能否自定义类中使用
2308浏览 • 1回复 待解决
HarmonyOS 定义自定义组件
41浏览 • 1回复 待解决
HarmonyOS 自定义组件问题
405浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人