這篇文章將為大家詳細講解有關小程序出現(xiàn)wx.navigateTo頁面不跳轉怎么辦,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

今天在做微信小程序的時候,做的商品購買流程。流程是這樣的:
商品展示-->商品詳情-->下單頁面-->下單詳情頁面-->支付結果頁面-->跳轉訂單詳情頁面。
但是在支付成功之后,點擊按鈕跳轉,發(fā)現(xiàn)怎么也跳轉不了到訂單詳情頁面,前后log都能打印出來,證明已經(jīng)執(zhí)行了wx.navigateTo方法,但是跳轉不成功,而且,坑爹的是也不報錯。
翻看微信小程序開發(fā)文檔,參考鏈接:
https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html#wxnavigatetoobject
其中有一行提到:

就是這一句:“注意:為了不讓用戶在使用小程序時造成困擾,我們規(guī)定頁面路徑只能是五層,請盡量避免多層級的交互方式。”數(shù)一數(shù)我的跳轉頁面,當然你可以可以看微信開發(fā)者工作的預覽視圖右上角,會出現(xiàn)您當前調試的頁面有5個這樣的提示。
再貼一下我的頁面跳轉情況:
① 商品展示-->② 商品詳情-->③ 下單頁面-->④ 下單詳情頁面-->⑤ 支付結果頁面-->⑥ 跳轉訂單詳情頁面。
就在最后一步的時候已經(jīng)跳轉不過去了,此時前面已經(jīng)使用wx.navigateTo跳轉了五個頁面,剛好達到限制。
然后我試著在下單頁面跳轉到下單詳情頁面的時候換用:wx.redirectTo()方法跳轉,然后再編譯執(zhí)行,發(fā)現(xiàn)跳轉到訂單詳情頁面成功。然后我把一些不需要返回之后還回到當前頁面的跳轉換成了wx.redirectTo()來跳轉,解決了wx.navigateTo跳轉不成功的問題。
wx.redirectTo()方法,是打開新的頁面,并關閉當前的頁面。這個理解起來可以使用android的啟動模式來理解。就像一個水桶,可以說一個棧,這個桶只能裝得下5個西瓜,本來水桶是沒有西瓜的,然后我們打開一個頁面使用wx.navigateTo方法啟動的時候,就往水桶里邊扔一個西瓜,這樣五個滿了之后,再打開新的頁面,再往水桶里邊扔西瓜,那肯定是裝不下的了。如果我們使用的是wx.redirectTo(),當我們打開一個新頁面時,也會往桶里扔一個西瓜,然后會把當前的這個在桶里的西瓜,吃掉,這樣就留出了空間。
所以,在微信小程序頁面跳轉中,如果當前的頁面,在跳轉之后是不必要的,沒有返回到這個頁面的需求的時候,盡量使用wx.redirectTo()來跳轉打開新的頁面,避免出現(xiàn)上述的問題。
關于“小程序出現(xiàn)wx.navigateTo頁面不跳轉怎么辦”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
分享標題:小程序出現(xiàn)wx.navigateTo頁面不跳轉怎么辦-創(chuàng)新互聯(lián)
本文路徑:http://chinadenli.net/article16/diipdg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、網(wǎng)站設計公司、外貿(mào)網(wǎng)站建設、網(wǎng)站維護、網(wǎng)站收錄、微信公眾號
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)