解決微信小程序防止無法回到主頁的問題
【小程序】提交訂單頁面到訂單詳情頁面,如何防止無法回到主頁
問題場景:
小程序某個頁面完成后,希望跳轉到另一個相關頁面。
比如,訂單提交完成后,希望跳轉到訂單詳情頁面,可選的方案有兩個
A 使用 wx.navigateTo 跳轉到非 tabBar 頁面
優(yōu)點是有返回按鈕,可以一步一步的返回到主頁
缺點是用戶體驗很差,還有可能重復發(fā)布訂單
B使用 wx.redirectTo跳轉到非 tabBar 頁面
優(yōu)點是,不會返回舊頁面
缺點是,無法返回主頁,造成死循環(huán)
解決辦法
1、使用 wx.reLaunch 可以帶參數(shù)的特性,跳轉到 tabbar 頁面,如
wx.reLaunch({ url: '/pages/me/me?pageId=mypublishhome' });
2、在pages/me/me頁面的 onLoad中加入判斷,進行跳轉管理,這樣新打開的頁面
pages/me/mypublishhome/mypublishhome就可以實現(xiàn)返回tabbar頁面,進而可以進入其他主頁了
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, }) } }
總結
以上所述是小編給大家介紹的解決微信小程序防止無法回到主頁的問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- 微信小程序出現(xiàn)wx.navigateTo頁面不跳轉問題的解決方法
- 微信小程序 wx.login解密出現(xiàn)亂碼的問題解決辦法
- 微信小程序 wx.uploadFile在安卓手機上面the same task is working問題解決
- 微信小程序開發(fā)問題之wx.previewImage
- 微信小程序 常見問題總結(4058,40013)及解決辦法
- 微信小程序遇到修改數(shù)據(jù)后頁面不渲染的問題解決
- 微信小程序搭建及解決登錄失敗問題
- 微信小程序request出現(xiàn)400的問題解決辦法
- 解決mpvue + vuex 開發(fā)微信小程序vuex輔助函數(shù)mapState、mapGetters不可用問題
- 微信小程序錄音文件格式silk遇到的問題及解決方法
- 微信小程序出現(xiàn)wx.getLocation再次授權問題的解決方法分析
相關文章
JavaScript 實現(xiàn)HTML DOM增刪改查操作的常見方法詳解
這篇文章主要介紹了JavaScript 實現(xiàn)HTML DOM增刪改查操作,結合實例形式分析了JavaScript針對HTML DOM元素增刪改查常見操作技巧與使用注意事項,需要的朋友可以參考下2020-01-01利用JavaScript實現(xiàn)網(wǎng)頁版2048小游戲
這篇文章主要介紹了如何利用HTML+CSS+JS編寫一個網(wǎng)頁版的2048小游戲,代碼簡單易懂對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-11-11js實現(xiàn)百度地圖定位于地址逆解析,顯示自己當前的地理位置
本文分享了基于javascript實現(xiàn)的百度地圖定位于地址逆解析,顯示自己當前的地理位置的實例代碼,有興趣的朋友可以看下2016-12-12