Custom Event

  1. define('my-first-element', class extends WeElement {
  2. onClick = (evt) => {
  3. this.fire('myevent', { name: 'abc' })
  4. }
  5. render(props) {
  6. return (
  7. <h1 onClick={this.onClick}>Hello, world!</h1>
  8. )
  9. }
  10. })

然后在你的自定义元素上绑定事件:

  1. <my-first-element onMyEvent={(evt) => { alert(evt.detail.name) }}></my-first-element>

通过 this.fire 触发自定义事件,fire 第一个参数是事件名称,第二个参数是传递的数据。通过 evt.detail 可以获取到传递的数据。