文档
- 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')