由于微信小程序 wx.navigateBack 方法并不支持返回傳值，導(dǎo)致頁(yè)面在返回后，不能方便地即時(shí)更新數(shù)據(jù)。

十多年的龍港網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都全網(wǎng)營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整龍港建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)公司從事“龍港網(wǎng)站設(shè)計(jì)”,“龍港網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

一.需求分析

此類需求大概意思是：A 頁(yè)面進(jìn)入 B 頁(yè)面，B 頁(yè)面返回并傳值給 A或在B頁(yè)面觸發(fā)事件時(shí)，A頁(yè)面也有事件觸發(fā)改變。

業(yè)務(wù)分析

第一種：利用微信的 wx.setStorage，將數(shù)據(jù)緩存在小程序?qū)嵗齼?nèi)。從 B 頁(yè)面返回 A 頁(yè)面時(shí)，B 頁(yè)面先將數(shù)據(jù)緩存；然后在 A 頁(yè)面的 onshow 方法里，調(diào)用 wx.getStorage 讀取緩存來(lái)實(shí)現(xiàn)。但為日后維護(hù)帶來(lái)大量隱患。（用全局變量方法類似）

第二種：獲取前一個(gè) page 實(shí)例的方法，也可以實(shí)現(xiàn)此功能。部分代碼如下：

這種方法的弊端：因?yàn)檫M(jìn)入 B 頁(yè)面的入口可能是很多個(gè)。這樣做，可能會(huì)導(dǎo)致獲取到的頁(yè)面實(shí)例不正確。

二.方法介紹

下面進(jìn)入正題介紹onfire.js（）

onfire.js 是一個(gè)很簡(jiǎn)單的事件分發(fā) JavaScript 庫(kù)（僅僅 0.9kb），簡(jiǎn)潔實(shí)用。它可以應(yīng)用于:

1.簡(jiǎn)單的事件分發(fā)。

2.在 React、Vue.js、Angular 中用于跨組件的輕量級(jí)實(shí)現(xiàn)。

3.事件訂閱和發(fā)布。

使用思路：（做過(guò)移動(dòng)端開(kāi)發(fā)的都知道，類似于iOS的通知和安卓的廣播）

a.A 頁(yè)面先訂閱一個(gè)事件，并定義處理方法；

b.從 B 頁(yè)面返回時(shí)，發(fā)送消息；

c.A 頁(yè)面卸載時(shí)，解除訂閱。

我的使用方法為：

A 頁(yè)面代碼：

我們可以在 A 頁(yè)面直接調(diào)用 onfire.on 方法，訂閱一個(gè)名字為 key 的消息。在上面的代碼中，消息附帶的參數(shù)無(wú)傳參。
如果需要傳參的話，直接在 function 里增加參數(shù)即可，例如：

需要注意的是，一定要在 onUnload 里（在頁(yè)面被關(guān)閉時(shí)）取消訂閱消息，并取消綁定 eventObj。

B 頁(yè)面里代碼在回調(diào)的地方加入以下代碼：

三.分析庫(kù)代碼

從代碼中可以看出訂閱 on 方法的時(shí)候，實(shí)際調(diào)用 _bind 方法。該方法利用一個(gè)二維數(shù)組，來(lái)存儲(chǔ)訂閱的對(duì)象。

而 fire 發(fā)送消息方法的實(shí)質(zhì)，是調(diào)用 _fire_func 方法，通過(guò)名字（key）來(lái)遍歷訂閱者，然后通知訂閱者。調(diào)用un方法，通過(guò)名字（key）來(lái)遍歷訂閱者，找到后移除。

推薦：《小程序開(kāi)發(fā)教程》
網(wǎng)站題目：談?wù)勈褂肑S庫(kù)解決小程序跨頁(yè)傳遞消息和數(shù)據(jù)問(wèn)題的方法
當(dāng)前鏈接：http://weahome.cn/article/cpgcjh.html