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


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 相关文章推荐
javascript下判断一个对象是否具有指定名称的属性的的代码
Jan 11 Javascript
基于jquery的下拉框改变动态添加和删除表格实现代码
Sep 12 Javascript
js校验表单后提交表单的三种方法总结
Feb 28 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
Jun 03 Javascript
jquery性能优化高级技巧
Aug 24 Javascript
理解JavaScript中Promise的使用
Jan 18 Javascript
Jquery实现简单的轮播效果(代码管用)
Mar 14 Javascript
jQuery文字横向滚动效果的实现代码
May 31 Javascript
plupload+artdialog实现多平台上传文件
Jul 19 Javascript
vue使用自定义icon图标的方法
May 14 Javascript
express中static中间件的具体使用方法
Oct 17 Javascript
JS实现进度条动态加载特效
Mar 25 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
jQuery+PHP实现的掷色子抽奖游戏实例
2015/01/04 PHP
ThinkPHP函数详解之M方法和R方法
2015/09/10 PHP
php获取给定日期相差天数的方法分析
2017/02/20 PHP
tp5修改(实现即点即改)
2019/10/18 PHP
javascript 拖放效果实现代码
2010/01/22 Javascript
拖动table标题实现改变td的大小(css+js代码)
2013/04/16 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
2016/03/01 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
2016/04/18 Javascript
在node中如何使用 ES6
2017/04/22 Javascript
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
JavaScript中错误正确处理方式小结你用对了吗
2017/10/10 Javascript
vue.js使用watch监听路由变化的方法
2018/07/08 Javascript
jQuery实现表格隔行换色
2018/09/01 jQuery
JavaScript 对引擎、运行时、调用堆栈的概述理解
2018/10/22 Javascript
深入koa-bodyparser原理解析
2019/01/16 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
2019/05/23 Javascript
express框架下使用session的方法
2019/07/31 Javascript
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
python实现最长公共子序列
2018/05/22 Python
Linux下安装python3.6和第三方库的教程详解
2018/11/09 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
Python3.5基础之NumPy模块的使用图文与实例详解
2019/04/24 Python
python用match()函数爬数据方法详解
2019/07/23 Python
Python实现自动整理文件的脚本
2020/12/17 Python
HTML5 Canvas像素处理使用接口介绍
2012/12/02 HTML / CSS
澳大利亚游乐场设备品牌:Lifespan Kids
2019/05/24 全球购物
LINUX下线程,GDI类的解释
2016/12/14 面试题
出国考察邀请函
2014/01/21 职场文书
小组合作学习反思
2014/02/18 职场文书
环境保护标语
2014/06/20 职场文书
银行员工犯错检讨书
2014/09/16 职场文书
九不准学习心得体会
2016/01/23 职场文书
终止合同协议书范本
2016/03/22 职场文书
winserver2019安装软件一直卡在应用程序正在为首次使用做准备
2022/06/10 Servers