解決微信小程序防止無(wú)法回到主頁(yè)的問(wèn)題

更新時(shí)間：2018年09月28日 11:09:18 作者：qq_42790411

這篇文章主要介紹了解決微信小程序防止無(wú)法回到主頁(yè)的問(wèn)題,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

【小程序】提交訂單頁(yè)面到訂單詳情頁(yè)面，如何防止無(wú)法回到主頁(yè)

問(wèn)題場(chǎng)景：

小程序某個(gè)頁(yè)面完成后，希望跳轉(zhuǎn)到另一個(gè)相關(guān)頁(yè)面。

比如，訂單提交完成后，希望跳轉(zhuǎn)到訂單詳情頁(yè)面，可選的方案有兩個(gè)

A 使用 wx.navigateTo 跳轉(zhuǎn)到非 tabBar 頁(yè)面

優(yōu)點(diǎn)是有返回按鈕，可以一步一步的返回到主頁(yè)

缺點(diǎn)是用戶體驗(yàn)很差，還有可能重復(fù)發(fā)布訂單

B使用 wx.redirectTo跳轉(zhuǎn)到非 tabBar 頁(yè)面

優(yōu)點(diǎn)是，不會(huì)返回舊頁(yè)面

缺點(diǎn)是，無(wú)法返回主頁(yè)，造成死循環(huán)

解決辦法

1、使用 wx.reLaunch 可以帶參數(shù)的特性，跳轉(zhuǎn)到 tabbar 頁(yè)面，如

wx.reLaunch({
  url: '/pages/me/me?pageId=mypublishhome'
});

2、在pages/me/me頁(yè)面的 onLoad中加入判斷，進(jìn)行跳轉(zhuǎn)管理，這樣新打開(kāi)的頁(yè)面

pages/me/mypublishhome/mypublishhome就可以實(shí)現(xiàn)返回tabbar頁(yè)面，進(jìn)而可以進(jìn)入其他主頁(yè)了

 onLoad: function(options) {
  that = this;
  console.log('當(dāng)前頁(yè)面的options是', options);
  if (options.pageId) {
   //這個(gè)pageId的值存在則證明首頁(yè)的開(kāi)啟來(lái)源于用戶點(diǎn)擊
   console.log('當(dāng)前頁(yè)面的options是', options.pageId);
   wx.navigateTo({
    url: '/pages/me/' + options.pageId + '/' + options.pageId,
   })
  }
 }

總結(jié)

以上所述是小編給大家介紹的解決微信小程序防止無(wú)法回到主頁(yè)的問(wèn)題，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

用javascript實(shí)現(xiàn)記錄來(lái)賓姓名的代碼
用javascript實(shí)現(xiàn)記錄來(lái)賓姓名的代碼...
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à)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-10-10
JavaScript中Number對(duì)象的toFixed() 方法詳解
下面小編就為大家?guī)?lái)一篇JavaScript中Number對(duì)象的toFixed() 方法詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-09-09
js實(shí)現(xiàn)表單及時(shí)驗(yàn)證功能用戶信息立即驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)表單及時(shí)驗(yàn)證功能，在輸入后就可以立即驗(yàn)證，含用戶類(lèi)型,性別,愛(ài)好等驗(yàn)證,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
javascript中加var和不加var的區(qū)別你真的懂嗎
var 語(yǔ)句用于聲明變量，本文給大家介紹javascript 中加’var‘和不加'var'的區(qū)別，涉及到j(luò)avascript var相關(guān)知識(shí)，對(duì)javascript var相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
javascript實(shí)現(xiàn)網(wǎng)頁(yè)背景煙花效果的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)網(wǎng)頁(yè)背景煙花效果的方法,涉及javascript數(shù)學(xué)運(yùn)算及頁(yè)面元素動(dòng)態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
一種基于瀏覽器的自動(dòng)小票機(jī)打印實(shí)現(xiàn)方案(js版)
這篇文章主要介紹了一種基于瀏覽器的自動(dòng)小票機(jī)打印實(shí)現(xiàn)方案(js版)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
JavaScript 如何在線解壓 ZIP 文件
本文將介紹瀏覽器解壓和服務(wù)器解壓兩種在線解壓ZIP文件的方案。幫助大家用JavaScript實(shí)現(xiàn)在線解壓，感興趣的朋友可以參考下
2021-05-05
詳解JavaScript狀態(tài)容器Redux
Redux官網(wǎng)上是這樣描述Redux，Redux is a predictable state container for JavaScript apps.（Redux是JavaScript狀態(tài)容器，提供可預(yù)測(cè)性的狀態(tài)管理）。目前Redux GitHub有5w多star，足以說(shuō)明 Redux 受歡迎的程度
2021-06-06