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