利用eventChannel可以进行页面数据的通信。(发布订阅模式的应用)

主要方法：

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

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

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

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

案例使用(摘自本人项目)：

原page页(sendCartData为数据)：

 wx.navigateTo({
   
      url: '../orderform/main',
      success: function (res) {
   
        // 通过eventChannel向被打开页面传送数据
        res.eventChannel.emit('getCartDatalist', sendCartData)  //触发事件
      }
    })

跳转页：

 onLoad: function (options) {
   
    let that = this;
    const eventChannel = this.getOpenerEventChannel();   //取到事件对象
    eventChannel.on("getCartDatalist",data=>{
   //发布事件
      that.setData({
   
        cartDataList: data   //cartDataList为此页的数据模型
      });
      console.log(that.data.cartDataList,"我被传过来了");
    });
    console.log(eventChannel);
  },

📦 前端资源合集 | 持续更新

🟢 前端0到1【持续更新】→ https://pan.quark.cn/s/5df55ccff7c4

🔵 前端进阶【持续更新】→ https://pan.quark.cn/s/2dec1c87b3ec

🟣 前端2026最新【持续更新】→ https://pan.quark.cn/s/77c8fa94161c

🔴 AI最新学习资料 → https://pan.baidu.com/s/1P9X2Qk_Fby3rFNVGw_WKow?pwd=46XG 提取码：46XG

觉得有用就点个赞+收藏，关注我持续分享前端干货 💡