小程序this.getOpenerEventChannel()当前页面与navigateTo页面之间数据通信

包淼淼2024-10-02 11:44

this.getOpenerEventChannel() 是微信小程序中获取页面打开它的页面事件通道的方法。但是，这个方法只在页面是被wx.navigateTo打开的情况下才能使用。如果页面是通过其他方式打开的，比如wx.redirectTo，那么就无法使用这个方法。

解决方案：

1、如果你需要在页面间通信，可以考虑使用wx.navigateTo 来打开新页面，并使用this.getOpenerEventChannel()来获取事件通道。

2、如果你需要在页面关闭时通知打开它的页面，可以考虑使用全局变量或者wx.setStorage/wx.getStorage来实现。

3、如果页面是通过wx.redirectTo或wx.switchTab打开的，你可以考虑使用wx.navigateBack来回退页面，并在回退前通过事件或者全局变量进行通信。

以下是一个使用wx.navigateTo和getOpenerEventChannel的简单例子：

页面 A（opener）:

javascript 复制代码

// 打开页面 B
wx.navigateTo({
  url: 'pageB',
  success: function(res) {
    // 获取打开页面的事件通道
    var channel = res.eventChannel;
    // 监听页面 B 触发的事件
    channel.on('someEvent', function(data) {
      console.log(data);
    });
  }
});

页面 B（opened page）:

javascript 复制代码

// 获取打开页面的事件通道
var channel = this.getOpenerEventChannel();
// 向打开页面发送事件
channel.emit('someEvent', { data: 'hello from page B' });
// 关闭当前页面，返回上一页面 A
wx.navigateBack();

注意：在实际使用中，请确保页面 A 已经打开，并且页面 B 是通过wx.navigateTo打开的，否则this.getOpenerEventChannel()可能无法正常工作。