微信小程序出现wx.navigateTo页面不跳转问题的解决方法

  

本文实例讲述了微信小程序出现wx.navigateTo页面不跳转问题的解决方法。分享给大家供大家参考,具体如下:

  

今天在做微信小程序的时候,做的商品购买流程。流程是这样的:

  

  

但是在支付成功之后,点击按钮跳转,发现怎么也跳转不了到订单详情页面,前后日志都能打印出来,证明已经执行了<代码> wx.navigateTo 方法,但是跳转不成功,而且,坑爹的是也不报的错。

  

翻看微信小程序开发文档,参考链接:

  

https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html wxnavigatetoobject   

其中有一行提到:

  

微信小程序出现wx.navigateTo页面不跳转问题的解决方法

  

就是这一句:“数一数我的跳转页面,当然你可以可以看微信开发者工作的预览视图右上角,会出现您当前调试的页面有5个这样的提示。

  

再贴一下我的页面跳转情况:

  

——在——在——在——在——祝辞。

  

就在最后一步的时候已经跳转不过去了,此时前面已经使用<代码> wx.navigateTo>   

然后我试着在下单页面跳转到下单详情页面的时候换用:<代码> wx.redirectTo() 方法跳转,然后再编译执行,发现跳转到订单详情页面成功,然后我把一些不需要返回之后还回到当前页面的跳转换成了<代码> wx.redirectTo() 来跳转,解决了<代码> wx.navigateTo>   

<代码> wx.redirectTo() 方法,是打开新的页面,并关闭当前的页面。这个理解起来可以使用安卓的启动模式来理解。就像一个水的桶,可以说一个栈,这个桶只能装得下5个西瓜,本来水桶是没有西瓜的,然后我们打开一个页面使用<代码> wx.navigateTo 方法启动的时候,就往水桶里边扔一个西瓜,这样五个满了之后,再打开新的页面,再往水桶里边扔西瓜,那肯定是装不下的了。如果我们使用的是<代码> wx.redirectTo()>   

所以,<代码> wx.redirectTo()

  

希望本文所述对大家微信小程序开发有所帮助。

微信小程序出现wx.navigateTo页面不跳转问题的解决方法