這篇文章主要介紹了微信小程序頁面間跳轉(zhuǎn)怎么監(jiān)聽事件，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
摘要: 在微信小程序的開發(fā)過程中，我們可定會遇到頁面間相互跳轉(zhuǎn)的需求，那么如何監(jiān)聽頁面跳轉(zhuǎn)之間的事件呢？我們在之前的一篇文章：藝龍微信小程序框架組件研究（附源碼）為例，來看一看小程序在頁面之間相互跳轉(zhuǎn)時的事件 ...
| 在微信小程序的開發(fā)過程中，我們可定會遇到頁面間相互跳轉(zhuǎn)的需求，那么如何監(jiān)聽頁面跳轉(zhuǎn)之間的事件呢？我們在之前的一篇文章：藝龍微信小程序框架組件研究（附源碼）為例，來看一看小程序在頁面之間相互跳轉(zhuǎn)時的事件機制。 我們知道小程序提供打開新頁面、頁面重定向、頁面返回、tabBar切換四種改變視圖的機制，托管了頁面的生命周期，并為應(yīng)用提供了相應(yīng)的生命周期事件，方便應(yīng)用各階段的業(yè)務(wù)處理，但頁面之間相互跳轉(zhuǎn)并沒有相應(yīng)的事件機制，例如——
以上兩種場景很常見，歸結(jié)為頁面間如何方便的進行交互，當(dāng)然我們可以通過頁面跳轉(zhuǎn)傳參或全局數(shù)據(jù)對象來達到目的，但是使用上有些束縛(轉(zhuǎn)換參數(shù)或維護全局對象)！ 所以在elong小程序項目中采用事件機制解決這一問題。我們重寫了navigateToAPI，A頁面調(diào)用該接口進行頁面跳轉(zhuǎn)后，方法返回給A頁面一個事件對象 event，該對象可以注冊自定義事件，目標(biāo)頁面(B頁面)可以按照業(yè)務(wù)需求觸發(fā)事件響應(yīng)，同時將相關(guān)數(shù)據(jù)作為參數(shù)傳遞到監(jiān)聽處callback。
API
Event
部分代碼如下： 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'
});
},打開二級頁面效果圖——
|
感謝你能夠認真閱讀完這篇文章，希望小編分享微信小程序頁面間跳轉(zhuǎn)怎么監(jiān)聽事件內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細的解決方法等著你來學(xué)習(xí)!
重慶分公司
重慶分公司
