微信小程序 - 父组件绑定子组件外传事件通信

• 官方文档 - 组件间通信与事件

• 父组件

  <!-- 当自定义组件触发“myevent”事件时，调用“onMyEvent”方法 -->
  <component-tag-name bindmyevent="onMyEvent" />
  <!-- 或者可以写成 -->
  <component-tag-name bind:myevent="onMyEvent" />
  

  Page({
    onMyEvent: function(e){
      e.detail // 自定义组件触发事件时提供的detail对象
    }
  })
  

• 子组件

  自定义组件触发事件，通过使用 triggerEvent 方法，指定事件名、detail对象和事件选项：

  <!-- 在自定义组件中 -->
  <button bindtap="onTap">点击这个按钮将触发“myevent”事件</button>
  

  Component({
    properties: {},
    methods: {
      onTap: function(){
        var myEventDetail = {} // detail对象，提供给事件监听函数
        var myEventOption = {} // 触发事件的选项
        this.triggerEvent('myevent', myEventDetail, myEventOption)
      }
    }
  })