微信小程序：EventChannel实现页面间事件通信通道

文档

• ​​https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html​​
• ​​https://developers.weixin.qq.com/miniprogram/dev/api/route/EventChannel.html​​

EventChannel：页面间事件通信通道

基础库 2.7.3 开始支持，低版本需做兼容处理。

方法

// 触发一个事件
EventChannel.emit(string eventName, any args)

// 持续监听一个事件
EventChannel.on(string eventName, EventCallback fn)

// 监听一个事件一次，触发后失效
EventChannel.once(string eventName, EventCallback fn)

// 取消监听一个事件。给出第二个参数时，只取消给出的监听函数，否则取消所有监听函数
EventChannel.off(string eventName, EventCallback fn)

使用示例

pageA.js

// 改变this 指向
let that = this

// 由pageA 打开 pageB
wx.navigateTo({
  url: '/pages/pageB/pageB',
  success: function(res) {
    // 监听pageB 的消息
    res.eventChannel.once('on-success', that.handleSuccess)
  }
});

pageB.js

// 向pageA传递消息
this.getOpenerEventChannel().emit('on-post-publish-success')