最近公司開始開發(fā)做小程序項目咨演,自己一點都不會,看了一天開發(fā)文檔就開始上手了蚯斯。然后就悲劇了薄风,我是誰,我在哪兒拍嵌,我在做什么遭赂,分分鐘想猝死在鍵盤上。煎熬了一周也算學到了點干貨横辆,于是想把自己在項目中遇到的坑總結(jié)一下撇他。
1、頁面跳轉(zhuǎn)
正常跳轉(zhuǎn)使用 wx.navigateTo({}),wx.redirectTo({})
onLoad: function(options) {
wx.navigateTo({
url: '/pages/index/index'
})
}
onLoad: function(options) {
wx.redirectTo({
url: '../index/index'
})
}
but困肩,當你在app.json()里面定義了tabbar(即底部導航欄)划纽,tabbar里面有的跳轉(zhuǎn)路徑,用上面兩種方式是無法實現(xiàn)頁面跳轉(zhuǎn)的锌畸,這時需要用到wx.switchTab({}),而且跳轉(zhuǎn)的頁面必須是app.json 中 tabBar 配置的頁面勇劣。
onLoad: function(options) {
wx.switchTab({
url: '../index/index'
});
}
附:文檔說明
在小程序開發(fā)者文檔中,小程序路由間的跳轉(zhuǎn)方式有五種潭枣,每種都有使用的情況和特點:
1比默、wx.navigateTo 打開新頁面,將原來的頁面保留在頁面棧中盆犁,在跳入到下一個頁面的的時候目標頁面同時進 入頁面棧中命咐,在這種情況下點擊手機的返回按鈕才可以跳轉(zhuǎn)到上一個頁面。
2谐岁、wx.redirectTo 頁面重新定向醋奠,將頁面重新定向到一個目標頁面,并不能返回到上一個頁面翰铡。
3钝域、wx.navigateBack 頁面返回讽坏,只能返回到頁面棧中的指定頁面锭魔。
4、wx.switchTab Tab 切換路呜,跳轉(zhuǎn)的頁面必須是app.json 中 tabBar 配置的頁面迷捧。
5、wx.relaunch 重新啟動胀葱, 可以打開任意頁面漠秋。