• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# Counter
2
3计数器组件,提供相应的增加或者减少的计数操作。
4
5>  **说明:**
6> 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
7
8
9
10
11
12
13## 子组件
14
15可以包含子组件。
16
17
18## 接口
19
20Counter()
21
22
23## 事件
24
25不支持通用事件和手势, 仅支持如下事件:
26
27| 名称 | 功能描述 |
28| -------- | -------- |
29| onInc(event: () => void) | 监听数值增加事件。 |
30| onDec(event: () => void) | 监听数值减少事件。 |
31
32
33## 示例
34
35```ts
36// xxx.ets
37@Entry
38@Component
39struct CounterExample {
40  @State value: number = 0
41
42  build() {
43    Column() {
44      Counter() {
45        Text(this.value.toString())
46      }.margin(100)
47      .onInc(() => {
48        this.value++
49      })
50      .onDec(() => {
51        this.value--
52      })
53    }.width("100%")
54  }
55}
56```
57
58![zh-cn_image_0000001219982711](figures/zh-cn_image_0000001219982711.gif)
59