在自定义组件里使用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报错
1036浏览 • 1回复 待解决
自定义组件onMeasureSize的使用
301浏览 • 1回复 待解决
getContext(this)能否自定义类中使用
2202浏览 • 1回复 待解决
自定义组件嵌套子组件
9359浏览 • 3回复 待解决
HarmonyOS 使用自定义字体
144浏览 • 1回复 待解决
HarmonyOS 自定义组件问题
295浏览 • 1回复 待解决
如何自定义模拟Tabs组件
814浏览 • 1回复 待解决
如何自定义组件原型菜单
807浏览 • 1回复 待解决
ArkTs如何自定义容器组件
2992浏览 • 1回复 待解决
自定义弹窗自定义转场动画
1038浏览 • 1回复 待解决
自定义弹窗使用相关问题
845浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人