#鸿蒙通关秘籍#在鸿蒙开发中如何实现计数器组件状态的自动更新?

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Yvr第七章OLTP

可通过@State装饰器来实现计数器组件的状态自动更新。示例代码如下:

typescript import { Component, State } from '@arkts/core';

@Component export default struct Counter { @State count: number = 0;

increment() { this.count += 1; }

decrement() { this.count -= 1; }

build() { Row() { Button("增加") { .onClick(() => this.increment()) } Text(${this.count}) Button("减少") { .onClick(() => this.decrement()) } } } }

该计数器利用两个按钮实现增加和减少,通过@State定义的count属性确保当值改变时,文本UI会自动刷新更新。


分享
微博
QQ
微信
回复
1天前
相关问题