微信小程序wx.navigateTo页面不跳转
来源:互联网 发布:安捷伦34401a 编程 编辑:程序博客网 时间:2024/06/13 10:25
今天在做微信小程序的时候,做的商品购买流程。流程是这样的:
商品展示-->商品详情-->下单页面-->下单详情页面-->支付结果页面-->跳转订单详情页面。
但是在支付成功之后,点击按钮跳转,发现怎么也跳转不了到订单详情页面,前后log都能打印出来,证明已经执行了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()方法,是打开新的页面,并关闭当前的页面。这个理解起来可以使用android的启动模式来理解。就像一个水桶,可以说一个栈,这个桶只能装得下5个西瓜,本来水桶是没有西瓜的,然后我们打开一个页面使用wx.navigateTo方法启动的时候,就往水桶里边扔一个西瓜,这样五个满了之后,再打开新的页面,再往水桶里边扔西瓜,那肯定是装不下的了。如果我们使用的是wx.redirectTo(),当我们打开一个新页面时,也会往桶里扔一个西瓜,然后会把当前的这个在桶里的西瓜,吃掉,这样就留出了空间。
所以,在微信小程序页面跳转中,如果当前的页面,在跳转之后是不必要的,没有返回到这个页面的需求的时候,尽量使用wx.redirectTo()来跳转打开新的页面,避免出现上述的问题。
- 微信小程序wx.navigateTo页面不跳转
- 微信小程序 wx.navigateTo和wx.redirectTo 不跳转问题
- 小程序 wx.navigateTo和wx.redirectTo 不跳转问题
- wx.navigateTo 不跳转问题
- 微信小程序wx.redirectTo、wx.navigateTo跳转失败
- 微信小程序 wx.navigateTo失效
- 微信小程序 wx.navigateTo 应用
- 小程序 wx.navigateTo跳转不了
- 微信小程序——wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)(2017/12)
- wx.navigateTo/wx.redirectTo 不能跳转
- xcx: tabBar的pagePath与wx.navigateTo中url引用相同页面导致无法跳转
- 微信小程序-页面跳转失败WAService.js:3 navigateTo:fail url not in app.json
- 微信小程序跳坑(二)-----navigateTo跳转链接失灵
- 微信小程序navigateTo不起作用
- 小程序中navigator和wx.navigateTo,wx.redirectTo,wx.reLaunch,wx.switchTab,wx.navigateBack的用法
- wx.navigateTo/wx.redirectTo 无效
- 微信小程序wx.showToast不显示
- wx.navigateTo无法跳转 但是重新刷新后又可以了为什么?
- PHP发送邮件swiftMailer
- chrome调试时遇到
- 【PAT】【Advanced Level】1085. Perfect Sequence (25)
- ffmpeg中tbr tbc tbn的含义解释
- redis缓存
- 微信小程序wx.navigateTo页面不跳转
- Machine Learning---4---Logistic回归
- GridView 的基础知识
- 通达oa破解版|通达oa破解补丁|通达oa破解版下载2017
- 【年终总结】终归平静
- 如何实现远程连接(SSH)iPhone/iPad?
- POJ 3281 Dining 网络流
- 从oracle中读取blob图片资源
- 2017.9.1 开学就考试