ts-event-configuration.md 976 字节
Newer Older
Z
zengyawen 已提交
1
# 事件配置
Z
zengyawen 已提交
2

H
HelloCrease 已提交
3
通过事件方法可以配置组件支持的事件。从API Version 9开始,可以在回调函数中获取当前component关联的Context,具体用法请参考[在eTS页面中访问Context](../ability/context-userguide.md)
Z
zengyawen 已提交
4 5


Z
zengyawen 已提交
6
- 使用lambda表达式配置组件的事件方法:
H
HelloCrease 已提交
7
  ```ts
Z
zengyawen 已提交
8 9 10 11 12 13 14 15
  // Counter is a private data variable defined in the component.
  Button('add counter')
      .onClick(() => {
          this.counter += 2
      })
  ```


16
- 使用匿名函数表达式配置组件的事件方法,要求使用bind,以确保函数体中的this引用包含的组件:
H
HelloCrease 已提交
17
  ```ts
Z
zengyawen 已提交
18 19 20 21 22 23 24 25 26
  // Counter is a private data variable defined in the component.
  Button('add counter')
      .onClick(function () {
          this.counter += 2
      }.bind(this))
  ```


- 使用组件的成员函数配置组件的事件方法:
H
HelloCrease 已提交
27
  ```ts
Z
zengyawen 已提交
28 29 30
  myClickHandler(): void {
      // do something
  }
H
HelloCrease 已提交
31

Z
zengyawen 已提交
32
  ...
H
HelloCrease 已提交
33

Z
zengyawen 已提交
34 35 36
  Button('add counter')
    .onClick(this.myClickHandler)
  ```