這篇文章給大家分享的是有關如何使用JS庫解決小程序跨頁傳遞消息和數(shù)據(jù)問題的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供鹽湖網站建設、鹽湖做網站、鹽湖網站設計、鹽湖網站制作等企業(yè)網站建設、網頁設計與制作、鹽湖企業(yè)網站模板建站服務，十余年鹽湖做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

一.需求分析

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

業(yè)務分析

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

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

這種方法的弊端：因為進入 B 頁面的入口可能是很多個。這樣做，可能會導致獲取到的頁面實例不正確。

二.方法介紹

下面進入正題介紹onfire.js（）

onfire.js 是一個很簡單的事件分發(fā) JavaScript 庫（僅僅 0.9kb），簡潔實用。它可以應用于:

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

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

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

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

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

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

c.A 頁面卸載時，解除訂閱。

我的使用方法為：

A 頁面代碼：

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

需要注意的是，一定要在 onUnload 里（在頁面被關閉時）取消訂閱消息，并取消綁定 eventObj。

B 頁面里代碼在回調的地方加入以下代碼：

三.分析庫代碼

從代碼中可以看出訂閱 on 方法的時候，實際調用 _bind 方法。該方法利用一個二維數(shù)組，來存儲訂閱的對象。

而 fire 發(fā)送消息方法的實質，是調用 _fire_func 方法，通過名字（key）來遍歷訂閱者，然后通知訂閱者。調用un方法，通過名字（key）來遍歷訂閱者，找到后移除。

感謝各位的閱讀！關于“如何使用JS庫解決小程序跨頁傳遞消息和數(shù)據(jù)問題”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

名稱欄目：如何使用JS庫解決小程序跨頁傳遞消息和數(shù)據(jù)問題
文章位置：http://aaarwkj.com/article8/igihop.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站營銷、企業(yè)建站、域名注冊、網站導航、做網站、定制網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)