我們知道小程式提供開(kāi)啟新頁(yè)面、頁(yè)面重新導(dǎo)向、頁(yè)面返回、tabBar切換四種改變視圖的機(jī)制，託管了頁(yè)面的生命週期，並為應(yīng)用提供了相應(yīng)的生命週期事件，方便應(yīng)用各階段的業(yè)務(wù)處理，但頁(yè)面之間相互跳轉(zhuǎn)並沒(méi)有相應(yīng)的事件機(jī)制，例如——

1、A頁(yè)面開(kāi)啟二級(jí)頁(yè)B，B頁(yè)面做了一些操作，要通知A頁(yè)面做對(duì)應(yīng)的處理。
2、從B頁(yè)面攜帶一些數(shù)據(jù)，回到A頁(yè)面

以上兩個(gè)場(chǎng)景很常見(jiàn)，歸結(jié)為頁(yè)面間如何方便的進(jìn)行交互，當(dāng)然我們可以透過(guò)頁(yè)面跳轉(zhuǎn)傳參或全域資料物件來(lái)達(dá)到目的，但是使用上有些束縛(轉(zhuǎn)換參數(shù)或維護(hù)全域物件)！

所以在elong小程式專案中採(cǎi)用事件機(jī)制來(lái)解決這個(gè)問(wèn)題。我們重寫(xiě)了navigateToAPI，A頁(yè)面呼叫該介面進(jìn)行頁(yè)面跳轉(zhuǎn)後，方法返回給A頁(yè)面一個(gè)事件物件event，該物件可以註冊(cè)自訂事件，目標(biāo)頁(yè)面(B頁(yè)面)可以按照業(yè)務(wù)需求觸發(fā)事件回應(yīng)，同時(shí)將相關(guān)資料作為參數(shù)傳遞到監(jiān)聽(tīng)處callback。
A頁(yè)面

#API

部分程式碼如下：

    Page({
        data: {
            userInfo: {}
        },
        navigateToHttp: function () {
            var event = api.Navigate.go({
                url: '../http/index',
                params: {
                    name: 'billy'
                }
            });
            event.on("listok", function (params) {
                console.log(params)
            });
        },
        navigateToExternalComponent: function () {
            var event = api.Navigate.go({
                url: '../externalComponent/index'
            });
        },
        navigateToInternalComponent: function () {
            var event = api.Navigate.go({
                url: '../internalComponent/index'
            });
        },
        navigateToPartComponent: function (params) {
            var event = api.Navigate.go({
                url: '../partComponent/index'
            });
        },