1.從一個頁面轉到另一個頁面霉猛,一般情況下可以通過navigate或redirect時候的url來攜帶參數钻蔑,然后在目標頁面的onLoad函數參數中獲取這些url參數。
// 源頁面A相關代碼
wx.navigateTo({
url: "/pages/mypage/mypage?a=1&b=2"
})
// 目標頁面B相關代碼(通過options來獲取)
Page({
onLoad: function (options) {
var a = options.a; // 值:1
var b = options.b; // 值:2
}
})
2.但是通過navigateBack返回上一頁刺下,如何獲壤逊荨郭脂?
應用場景:
- 在【頁面A】中調用wx.navigateTo方法跳轉到【頁面B】
- 然后從【頁面B】返回【頁面A】, 并將【頁面B】中的一些數據傳回【頁面A】
方法1:使用全局數據存儲
將要傳遞的數據,存儲在App對象上(比如globalData屬性)殿衰。
將要傳遞的數據朱庆,存儲在小程序的本地數據緩存(Storage)中盛泡。
例如闷祥,我們在將要退出頁面B的時候,作如下調用:
//=== 1. 存儲到app對象上的方式 ========
var app = getApp()
app.globalData.mydata = {a:1, b:2}; //存儲數據到app對象上
wx.navigateBack(); //返回上一個頁面
//=== 2.存儲到數據緩存的方式 =========
wx.setStorage({
key: "mydata",
data: {a:1, b:2},
success: function () {
wx.navigateBack(); //返回上一個頁面
}
})
這樣一來傲诵,當返回到上一個頁面的時候凯砍,可以通過讀取這些全局存儲區(qū)域,來獲取到我們需要的數據拴竹。
不過悟衩,這種方式也是有很明顯的缺點的。由于是全局數據存儲栓拜,所以當你存入了那些數據后座泳,必須謹慎的去管理這些全局數據(何時被銷毀),否則一不小心幕与,就會產生副作用挑势。
方法2:從頁面路由棧中直接獲取和操作目標Page對象
這種方式,是通過調用小程序的API: getCurrentPages()啦鸣,來獲取當前頁面路由棧的信息潮饱,這個路由棧中按照頁面的路由順序存放著相應的Page對象,我們可以很容易的獲取到上一級頁面的完整Page對象诫给,從而使直接調用Page對象的屬性和方法成為可能香拉。
如下所示:
var pages = getCurrentPages();
var currPage = pages[pages.length - 1]; //當前頁面
var prevPage = pages[pages.length - 2]; //上一個頁面
//直接調用上一個頁面的setData()方法,把數據存到上一個頁面中去
prevPage.setData({
mydata: {a:1, b:2}
})
比起全局數據存儲的方式,這種方式在邏輯上要清晰得多怪嫌,也不存在對數據的銷毀有額外的管理工作有送。
引用至caigan的技術博客