小程序路由頁面跳轉(zhuǎn)wx.navigateTo
wx.navigateTo(Object object)
保留當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面。但是不能跳到 tabbar 頁面。使用 wx.navigateBack 可以返回到原頁面。小程序中頁面棧最多十層。
參數(shù)
Object object
屬性 類型 默認(rèn)值 必填 說明
url string 是 需要跳轉(zhuǎn)的應(yīng)用內(nèi)非 tabBar 的頁面的路徑 (代碼包路徑), 路徑后可以帶參數(shù)。參數(shù)與路徑之間使用 ? 分隔,參數(shù)鍵與參數(shù)值用 <code>= 相連,不同參數(shù)用 & 分隔;如 'path?key=value&key2=value2'
events Object 否 頁面間通信接口,用于監(jiān)聽被打開頁面發(fā)送到當(dāng)前頁面的數(shù)據(jù);A(chǔ)庫(kù) 2.7.3 開始支持。
success function 否 接口調(diào)用成功的回調(diào)函數(shù)
fail function 否 接口調(diào)用失敗的回調(diào)函數(shù)
complete function 否 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會(huì)執(zhí)行)
object.success 回調(diào)函數(shù)
參數(shù)
Object res
屬性 類型 說明
eventChannel EventChannel 和被打開頁面進(jìn)行通信
示例代碼
wx.navigateTo({
url: 'test?id=1',
events: {
// 為指定事件添加一個(gè)監(jiān)聽器,獲取被打開頁面?zhèn)魉偷疆?dāng)前頁面的數(shù)據(jù)
acceptDataFromOpenedPage: function(data) {
console.log(data)
},
someEvent: function(data) {
console.log(data)
}
...
},
success: function(res) {
// 通過eventChannel向被打開頁面?zhèn)魉蛿?shù)據(jù)
res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })
}
})
//test.js
Page({
onLoad: function(option){
console.log(option.query)
const eventChannel = this.getOpenerEventChannel()
eventChannel.emit('acceptDataFromOpenedPage', {data: 'test'});
eventChannel.emit('someEvent', {data: 'test'});
// 監(jiān)聽acceptDataFromOpenerPage事件,獲取上一頁面通過eventChannel傳送到當(dāng)前頁面的數(shù)據(jù)
eventChannel.on('acceptDataFromOpenerPage', function(data) {
console.log(data)
})
}
})
作者:大學(xué)生新聞網(wǎng) 來源:大學(xué)生新聞網(wǎng)
發(fā)布時(shí)間:2025-04-02 閱讀:
- 小程序路由頁面返回wx.navigateBack
- 關(guān)閉當(dāng)前頁面,返回上一頁面或多級(jí)頁面?赏ㄟ^ getCurrentPages 獲取當(dāng)前的頁面棧,決定需要返回幾層。
- 04-02 關(guān)注:0
- 小程序路由頁面跳轉(zhuǎn)wx.navigateTo
- 保留當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面。但是不能跳到 tabbar 頁面。使用 wx.navigateBack 可以返回到原頁面。小程序中頁面棧最多十層
- 04-02 關(guān)注:6
- 小程序wx.getSystemInfo
- 獲取系統(tǒng)信息。由于歷史原因,wx.getSystemInfo 是異步的調(diào)用格式,但是是同步返回,需要異步獲取系統(tǒng)信息請(qǐng)使用 wx.getSystemInfoAsy
- 04-02 關(guān)注:4