本文实例讲述了微信小程序出现wx.navigateTo页面不跳转问题的解决方法。分享给大家供大家参考,具体如下:
今天在做微信小程序的时候,做的商品购买流程。流程是这样的:
但是在支付成功之后,点击按钮跳转,发现怎么也跳转不了到订单详情页面,前后日志都能打印出来,证明已经执行了<代码> wx.navigateTo 代码>方法,但是跳转不成功,而且,坑爹的是也不报的错。
翻看微信小程序开发文档,参考链接:
https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html wxnavigatetoobject
其中有一行提到:
就是这一句:“数一数我的跳转页面,当然你可以可以看微信开发者工作的预览视图右上角,会出现您当前调试的页面有5个这样的提示。
再贴一下我的页面跳转情况:
——在——在——在——在——祝辞。
就在最后一步的时候已经跳转不过去了,此时前面已经使用<代码> wx.navigateTo> 代码跳转了五个页面,刚好达到限制。
然后我试着在下单页面跳转到下单详情页面的时候换用:<代码> wx.redirectTo() 代码>方法跳转,然后再编译执行,发现跳转到订单详情页面成功,然后我把一些不需要返回之后还回到当前页面的跳转换成了<代码> wx.redirectTo() 代码>来跳转,解决了<代码> wx.navigateTo> 代码跳转不成功的问题。
<代码> wx.redirectTo() 代码>方法,是打开新的页面,并关闭当前的页面。这个理解起来可以使用安卓的启动模式来理解。就像一个水的桶,可以说一个栈,这个桶只能装得下5个西瓜,本来水桶是没有西瓜的,然后我们打开一个页面使用<代码> wx.navigateTo 代码>方法启动的时候,就往水桶里边扔一个西瓜,这样五个满了之后,再打开新的页面,再往水桶里边扔西瓜,那肯定是装不下的了。如果我们使用的是<代码> wx.redirectTo()> 代码,当我们打开一个新页面时,也会往桶里扔一个西瓜,然后会把当前的这个在桶里的西瓜,吃掉,这样就留出了空间。
所以,<代码> wx.redirectTo() 代码>
希望本文所述对大家微信小程序开发有所帮助。