微信小程序中如何實(shí)現(xiàn)頁面跳轉(zhuǎn)和傳參?(微信小程序怎么做頁面跳轉(zhuǎn))
微信小程序中實(shí)現(xiàn)頁面跳轉(zhuǎn)和傳參可以通過以下步驟:
1. 使用`wx.navigateTo`方法進(jìn)行頁面跳轉(zhuǎn),該方法接受一個(gè)對(duì)象參數(shù),其中`url`屬性為跳轉(zhuǎn)的頁面路徑。
2. 在跳轉(zhuǎn)的頁面中,可以通過`onLoad`生命周期函數(shù)獲取跳轉(zhuǎn)時(shí)傳遞的參數(shù),該函數(shù)的參數(shù)為一個(gè)對(duì)象,其中`query`屬性為跳轉(zhuǎn)時(shí)傳遞的參數(shù)。
示例代碼如下:
“`js
// 跳轉(zhuǎn)頁面
wx.navigateTo({
url: '/pages/detail/detail?id=123'
})
// 接收參數(shù)
Page({
onLoad: function(options) {
console.log(options.id) // 輸出 123
}
})
“`
補(bǔ)充一下,如果需要在跳轉(zhuǎn)的頁面中傳遞多個(gè)參數(shù),可以在`url`中使用`query`參數(shù),例如:
“`js
wx.navigateTo({
url: '/pages/detail/detail?id=123&name=abc'
})
“`
在跳轉(zhuǎn)的頁面中,可以通過`options`對(duì)象獲取傳遞的多個(gè)參數(shù):
“`js
Page({
onLoad: function(options) {
console.log(options.id) // 輸出 123
console.log(options.name) // 輸出 abc
}
})
“`