在自定义组件里使用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报错
363浏览 • 1回复 待解决
getContext(this)能否自定义类中使用
1926浏览 • 1回复 待解决
自定义组件嵌套子组件
9021浏览 • 3回复 待解决
ArkTs如何自定义容器组件
2671浏览 • 1回复 待解决
如何自定义模拟Tabs组件
592浏览 • 1回复 待解决
如何自定义组件原型菜单
621浏览 • 1回复 待解决
自定义弹窗自定义转场动画
654浏览 • 1回复 待解决
自定义弹窗使用相关问题
621浏览 • 1回复 待解决
自定义弹窗如何嵌套使用
840浏览 • 1回复 待解决
HarmonyOS ArkUI加载自定义组件
131浏览 • 1回复 待解决
鸿蒙组件toast自定义样式
8436浏览 • 1回复 待解决
自定义组件如何导出、引入?
1947浏览 • 1回复 待解决
如何设置自定义组件height缺省
1614浏览 • 1回复 待解决
js 自定义组件如何传递方法?
5638浏览 • 2回复 待解决
自定义组件中如何添加图片?
2235浏览 • 1回复 待解决
HarmonyOS如何自定义视频组件样式
153浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人