解決微信小程序防止無法回到主頁的問題
【小程序】提交訂單頁面到訂單詳情頁面，如何防止無法回到主頁
問題場景：
小程序某個(gè)頁面完成后，希望跳轉(zhuǎn)到另一個(gè)相關(guān)頁面。
比如，訂單提交完成后，希望跳轉(zhuǎn)到訂單詳情頁面，可選的方案有兩個(gè)
A 使用 wx.navigateTo 跳轉(zhuǎn)到非 tabBar 頁面
優(yōu)點(diǎn)是有返回按鈕，可以一步一步的返回到主頁
缺點(diǎn)是用戶體驗(yàn)很差，還有可能重復(fù)發(fā)布訂單
B使用 wx.redirectTo跳轉(zhuǎn)到非 tabBar 頁面
優(yōu)點(diǎn)是，不會返回舊頁面
缺點(diǎn)是，無法返回主頁，造成死循環(huán)
解決辦法
1、使用 wx.reLaunch 可以帶參數(shù)的特性，跳轉(zhuǎn)到 tabbar 頁面，如
wx.reLaunch({
url: '/pages/me/me?pageId=mypublishhome'
});
2、在pages/me/me頁面的 onLoad中加入判斷，進(jìn)行跳轉(zhuǎn)管理，這樣新打開的頁面
pages/me/mypublishhome/mypublishhome就可以實(shí)現(xiàn)返回tabbar頁面，進(jìn)而可以進(jìn)入其他主頁了
onLoad: function(options) {
that = this;
console.log('當(dāng)前頁面的options是', options);
if (options.pageId) {
//這個(gè)pageId的值存在則證明首頁的開啟來源于用戶點(diǎn)擊
console.log('當(dāng)前頁面的options是', options.pageId);
wx.navigateTo({
url: '/pages/me/' + options.pageId + '/' + options.pageId,
})
}
}
總結(jié)
以上所述是小編給大家介紹的解決微信小程序防止無法回到主頁的問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
- 微信小程序出現(xiàn)wx.navigateTo頁面不跳轉(zhuǎn)問題的解決方法
- 微信小程序 wx.login解密出現(xiàn)亂碼的問題解決辦法
- 微信小程序 wx.uploadFile在安卓手機(jī)上面the same task is working問題解決
- 微信小程序開發(fā)問題之wx.previewImage
- 微信小程序 常見問題總結(jié)（4058，40013）及解決辦法
- 微信小程序遇到修改數(shù)據(jù)后頁面不渲染的問題解決
- 微信小程序搭建及解決登錄失敗問題
- 微信小程序request出現(xiàn)400的問題解決辦法
- 解決mpvue + vuex 開發(fā)微信小程序vuex輔助函數(shù)mapState、mapGetters不可用問題
- 微信小程序錄音文件格式silk遇到的問題及解決方法
- 微信小程序出現(xiàn)wx.getLocation再次授權(quán)問題的解決方法分析
相關(guān)文章
用javascript實(shí)現(xiàn)記錄來賓姓名的代碼
用javascript實(shí)現(xiàn)記錄來賓姓名的代碼...2007-03-03
js剪切板應(yīng)用clipboardData實(shí)例解析
這篇文章主要為大家詳細(xì)介紹了js剪切板應(yīng)用clipboardData實(shí)例，并分享了四種實(shí)現(xiàn)方法，感興趣的小伙伴們可以參考一下2016-05-05
layui實(shí)現(xiàn)給某一列加點(diǎn)擊事件
今天小編就為大家分享一篇layui實(shí)現(xiàn)給某一列加點(diǎn)擊事件，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
JavaScript中Number對象的toFixed() 方法詳解
下面小編就為大家?guī)硪黄狫avaScript中Number對象的toFixed() 方法詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
js實(shí)現(xiàn)表單及時(shí)驗(yàn)證功能 用戶信息立即驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)表單及時(shí)驗(yàn)證功能，在輸入后就可以立即驗(yàn)證，含用戶類型,性別,愛好等驗(yàn)證,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
javascript中加var和不加var的區(qū)別 你真的懂嗎
var 語句用于聲明變量，本文給大家介紹javascript 中加’var‘和不加'var'的區(qū)別，涉及到j(luò)avascript var相關(guān)知識，對javascript var相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01
javascript實(shí)現(xiàn)網(wǎng)頁背景煙花效果的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)網(wǎng)頁背景煙花效果的方法,涉及javascript數(shù)學(xué)運(yùn)算及頁面元素動態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
一種基于瀏覽器的自動小票機(jī)打印實(shí)現(xiàn)方案(js版)
這篇文章主要介紹了一種基于瀏覽器的自動小票機(jī)打印實(shí)現(xiàn)方案(js版)的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
本文將介紹瀏覽器解壓和服務(wù)器解壓兩種在線解壓ZIP文件的方案。幫助大家用JavaScript實(shí)現(xiàn)在線解壓，感興趣的朋友可以參考下2021-05-05
Redux官網(wǎng)上是這樣描述Redux，Redux is a predictable state container for JavaScript apps.（Redux是JavaScript狀態(tài)容器，提供可預(yù)測性的狀態(tài)管理）。目前Redux GitHub有5w多star，足以說明 Redux 受歡迎的程度2021-06-06