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


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获取元素值的方法(常见的表单元素)
Nov 15 Javascript
js和css写一个可以自动隐藏的悬浮框
Mar 05 Javascript
引用其它js时如何同时处理多个window.onload事件
Sep 02 Javascript
JavaScript获取浏览器信息的方法
Nov 20 Javascript
JavaScript动态创建form表单并提交的实现方法
Dec 10 Javascript
深入理解Ajax的get和post请求
Jun 02 Javascript
全面了解函数声明与函数表达式、变量提升
Aug 09 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
Jul 26 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
Oct 20 Javascript
新手入门带你学习JavaScript引擎运行原理
Jun 24 Javascript
解决layui-open关闭自身窗口的问题
Sep 10 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
PHP生成等比缩略图类和自定义函数分享
2014/06/25 PHP
基于PHP如何把汉字转化为拼音
2015/12/11 PHP
zend framework中使用memcache的方法
2016/03/04 PHP
PHP线程的内存回收问题
2016/07/08 PHP
PHP消息队列实现及应用详解【队列处理订单系统和配送系统】
2019/05/20 PHP
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
JS维吉尼亚密码算法实现代码
2010/11/09 Javascript
一个网马的tips实现分析
2010/11/28 Javascript
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
Js为表单动态添加节点内容的方法
2015/02/10 Javascript
AngularJS+Node.js实现在线聊天室
2015/08/28 Javascript
JQuery实现的按钮倒计时效果
2015/12/23 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
探索Javascript中this的奥秘
2016/12/11 Javascript
node.js中debug模块的简单介绍与使用
2017/04/25 Javascript
关于在mongoose中填充外键的方法详解
2017/08/14 Javascript
bootstrap-Treeview实现级联勾选
2017/11/23 Javascript
实例分析vue循环列表动态数据的处理方法
2018/09/28 Javascript
微信小程序实现录音时的麦克风动画效果实例
2019/05/18 Javascript
三步实现ionic3点击退出app程序
2019/09/17 Javascript
JavaScript实现Tab选项卡切换
2020/02/13 Javascript
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
[02:49]DAC2018决赛日TOP5 LGD开启黑暗之门绝杀VP
2018/04/08 DOTA
python操作kafka实践的示例代码
2019/06/19 Python
python之生产者消费者模型实现详解
2019/07/27 Python
python如何将多个PDF进行合并
2019/08/13 Python
python求最大公约数和最小公倍数的简单方法
2020/02/13 Python
Python如何爬取b站热门视频并导入Excel
2020/08/10 Python
Bowflex美国官方网站:高级家庭健身器材
2017/12/22 全球购物
德国团购网站:Groupon德国
2018/03/13 全球购物
伦敦鲜花递送:Flower Station
2021/02/03 全球购物
八项规定自查自纠报告及整改措施
2014/10/26 职场文书
升职自荐信怎么写
2015/03/05 职场文书
海上钢琴师的观后感
2015/06/11 职场文书
nginx实现发布静态资源的方法
2021/03/31 Servers