小程序（微信小程序百度小程序支付宝小程序）跨页门面传值

Posted 2023-02-06 子不语归来

WxEventBus

小程序（微信小程序、百度小程序、支付宝小程序）跨页门面传值

项目介绍

WxEventBus是模仿EventBus的一个事件发布-订阅方案，它解决了小程序跨页面后传值的问题，可以避免原有跨页面通讯方案带来的诸多不便。

项目结构

使用

在需要接受其他页面（页面First）消息的所在页的 onLoad 生命周期中订阅 “fistPageMessage” 事件，

   /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function () 
        /**
         * 第一个参数：指定订阅的事件名
         * 第二个参数：对象
         * 第三个参数：指定订阅回调的方法
         */
        event.on("fistPageMessage", this, this.ReceiveMessage)
      ,

并添加一个接收订阅回调的方法

/**
    * 接收订阅回调的方法
    * @param evntdata 接收更新数据
    * @constructor
    */
 ReceiveMessage(evntdata) 
   var txtdata = evntdata.txtdata
   console.log("首页=接收更新数据===》", evntdata)
   this.setData(
     
       show_value:txtdata
     
   )
 ,

在需要发送变更数据的页面（页面Second），发布 “fistPageMessage” 事件,同时携带发送的数据。

 //第一个参数： 发送给指定的事件的名词，第二个参数：需要发送的数据
 event.emit("fistPageMessage", evntdata) //发送更新数据

当页面First销毁前，必须取消之前的订阅时间绑定

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () 
    //取消事件绑定
    event.remove("fistPageMessage", this)
  ,

项目地址：https://github.com/zhibuyu/WxEventBus