Skip to content

小程序版EventBus(微信小程序、百度小程序、支付宝小程序)跨页门面传值

Notifications You must be signed in to change notification settings

zhibuyu/WxEventBus

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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://blog.csdn.net/u010123643/article/details/106215894

About

小程序版EventBus(微信小程序、百度小程序、支付宝小程序)跨页门面传值

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages