微信小程序自定义组件:组件事件

本文由清尘发表于2020-06-07 08:49最后修改于2020-07-07属于移动前端分类

在使用自定义组件时的配置和微信小程序内置组件没有什么区别


<!-- 当自定义组件触发"myevent"事件时,调用"onMyEvent"方法 -->

<component-tag-name bindmyevent="onMyEvent" />

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


<!-- 在自定义组件中 -->

<button bindtap="onTap">点击这个按钮将触发"myevent"事件</button>

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