月度归档:2018年02月

小程序父组件利用triggerEvent调用子组件的回调函数

当子组件状态发生改变,如何通知到父组件做相应操作呢?
子组件实例可以为自己绑定一个自定义事件(可以理解为创建一个回调函数)
触发该自定义事件的方法 就是 triggerEvent
用法如下:

父组件中绑定和使用自定义事件
注意:bind 后面myevent为事件名 会区分大小写 如果触发事件this.triggerEvent(‘myevent’)使用的是 小写 绑定事件bindmyevent=”callback”也要是 小写

<tabBar bindmyevent="callback"></tabBar>

子组件中的事件

<view bindtap="eventHandler"></view>

触发自定义事件

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

自定义组件selectComponent选择器使用采坑

该选择器 用于 选择 已经引入到当前wxml的 组件实例,以下面代码为例
当前wxml已经引入类名为 J_ticketInfo 的组件
则可以在 当前wxml中获取到该组件,并调用该组件里面自定义的方法 togglePopup
注意:如果当前wxml未引入该组件,选择器将返回null

self.selectComponent('.J_ticketInfo').togglePopup();