解決微信小程式防止無法回到主頁的問題
阿新 • • 發佈：2018-11-11
【小程式】提交訂單頁面到訂單詳情頁面，如何防止無法回到主頁
問題場景：
小程式某個頁面完成後，希望跳轉到另一個相關頁面。
比如，訂單提交完成後，希望跳轉到訂單詳情頁面，可選的方案有兩個
前端精品教程：百度網盤下載
A 使用 wx.navigateTo 跳轉到非 tabBar 頁面
優點是有返回按鈕，可以一步一步的返回到主頁
缺點是使用者體驗很差，還有可能重複釋出訂單
B使用 wx.redirectTo跳轉到非 tabBar 頁面
優點是，不會返回舊頁面
缺點是，無法返回主頁，造成死迴圈
解決辦法
前端精品教程：百度網盤下載
1、使用 wx.reLaunch 可以帶引數的特性，跳轉到 tabbar 頁面，如
| 1 2 3 |
wx.reLaunch({
url:
'/pages/me/me?pageId=mypublishhome'
}); |
2、在pages/me/me頁面的 onLoad中加入判斷，進行跳轉管理，這樣新開啟的頁面
pages/me/mypublishhome/mypublishhome就可以實現返回tabbar頁面，進而可以進入其他主頁了
?| 1 2 3 4 5 6 7 8 9 10 11 |
onLoad:
function
(options) {
that =
this
;
console.log(
'當前頁面的options是'
, options);
if
(options.pageId) {
//這個pageId的值存在則證明首頁的開啟來源於使用者點選
console.log(
'當前頁面的options是'
, options.pageId);
wx.navigateTo({
url:
'/pages/me/'
+ options.pageId +
'/'
+ options.pageId,
})
}
}
|