微信小程序路由跳转利用eventChannel进行页面通信

利用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);
  },

数据成功传递。