解决微信小程序防止无法回到主页的问题


Posted in Javascript onSeptember 28, 2018

【小程序】提交订单页面到订单详情页面,如何防止无法回到主页

问题场景:

小程序某个页面完成后,希望跳转到另一个相关页面。

比如,订单提交完成后,希望跳转到订单详情页面,可选的方案有两个

A 使用 wx.navigateTo 跳转到非 tabBar 页面

优点是有返回按钮,可以一步一步的返回到主页

缺点是用户体验很差,还有可能重复发布订单

B使用 wx.redirectTo跳转到非 tabBar 页面

优点是,不会返回旧页面

缺点是,无法返回主页,造成死循环

解决办法

1、使用 wx.reLaunch 可以带参数的特性,跳转到 tabbar 页面,如

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

2、在pages/me/me页面的 onLoad中加入判断,进行跳转管理,这样新打开的页面

pages/me/mypublishhome/mypublishhome就可以实现返回tabbar页面,进而可以进入其他主页了

onLoad: function(options) {
  that = this;
  console.log('当前页面的options是', options);
  if (options.pageId) {
   //这个pageId的值存在则证明首页的开启来源于用户点击
   console.log('当前页面的options是', options.pageId);
   wx.navigateTo({
    url: '/pages/me/' + options.pageId + '/' + options.pageId,
   })
  }
 }

总结

以上所述是小编给大家介绍的解决微信小程序防止无法回到主页的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用Jquery实现多级下拉框无刷新的联动
Dec 22 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
详解Javascript动态操作CSS
Dec 08 Javascript
javascript html5 canvas实现可拖动省份的中国地图
Mar 11 Javascript
Node.js中的http请求客户端示例(request client)
May 04 Javascript
原生JS实现图片网格式渐显、渐隐效果
Jun 05 Javascript
vue router自动判断左右翻页转场动画效果
Oct 10 Javascript
浅谈react性能优化的方法
Sep 05 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
Aug 23 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 Javascript
Bootstrap table 服务器端分页功能实现方法示例
Jun 01 Javascript
在vue中更换字体,本地存储字体非引用在线字体库的方法
Sep 28 #Javascript
H5+C3+JS实现双人对战五子棋游戏(UI篇)
May 28 #Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
Sep 28 #Javascript
vue element table 表格请求后台排序的方法
Sep 28 #Javascript
webpack+vue-cli项目中引入外部非模块格式js的方法
Sep 28 #Javascript
在vue项目中正确使用iconfont的方法
Sep 28 #Javascript
vue项目引入字体.ttf的方法
Sep 28 #Javascript
You might like
zf框架的session会话周期及次数限制使用示例
2014/03/13 PHP
我见过最全的个人js加解密功能页面
2007/12/12 Javascript
js Map List 遍历使用示例
2013/07/10 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
2013/08/06 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
2013/10/16 Javascript
浅析JavaScript中的CSS属性及命名规范
2013/11/28 Javascript
javascript监听鼠标滚轮事件浅析
2014/06/05 Javascript
jquery中获取元素里某一特定子元素的代码
2014/12/02 Javascript
jQuery使用之标记元素属性用法实例
2015/01/19 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
jQuery实现的网页换肤效果示例
2016/09/20 Javascript
理解javascript中的闭包
2017/01/11 Javascript
js实现PC端和移动端刮卡效果
2020/03/27 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
2017/07/19 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
2019/01/09 Javascript
使用VScode 插件debugger for chrome 调试react源码的方法
2019/09/13 Javascript
如何在vue 中使用柱状图 并自修改配置
2021/01/21 Vue.js
Python内建模块struct实例详解
2018/02/02 Python
单链表反转python实现代码示例
2018/02/08 Python
python中的decorator的作用详解
2018/07/26 Python
pip安装py_zipkin时提示的SSL问题对应
2018/12/29 Python
浅谈OpenCV中的新函数connectedComponentsWithStats用法
2020/07/05 Python
Django Auth用户认证组件实现代码
2020/10/13 Python
加拿大领先的牛仔零售商:Bluenotes
2018/01/22 全球购物
往来会计岗位职责
2013/12/19 职场文书
安全事故检讨书
2014/01/18 职场文书
安全检查与奖惩制度
2014/01/23 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
扬尘污染防治方案
2014/06/15 职场文书
领导个人查摆剖析材料
2014/10/29 职场文书
任命书怎么写
2015/03/02 职场文书
2015年南京大屠杀纪念日活动总结
2015/03/24 职场文书
Nginx代理同域名前后端分离项目的完整步骤
2021/03/31 Servers
iPhone13再次曝光
2021/04/15 数码科技
在K8s上部署Redis集群的方法步骤
2021/04/27 Redis
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers