微信小程序：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)

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
 

使用示例

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)
  }
});

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
 

pageB.js

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

  

 

  
1
  
2
 

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/127091319