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


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 相关文章推荐
彻底搞懂JS无缝滚动代码
Jan 03 Javascript
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
May 08 Javascript
用js实现控制内容的向上向下滚动效果
Jun 26 Javascript
js获取光标位置和设置文本框光标位置示例代码
Jan 09 Javascript
node.js中的fs.createWriteStream方法使用说明
Dec 17 Javascript
jQuery DOM删除节点操作指南
Mar 03 Javascript
jQuery实现验证年龄简单思路
Feb 24 Javascript
详谈js中window.location.search的用法和作用
Feb 13 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
Mar 15 Javascript
详解VueRouter进阶之导航钩子和路由元信息
Sep 13 Javascript
微信小程序实现评论功能
Nov 28 Javascript
五句话帮你轻松搞定js原型链
Dec 09 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 mvc开发模式的感想
2011/06/28 PHP
php实现ip白名单黑名单功能
2015/03/12 PHP
php-fpm超时时间设置request_terminate_timeout资源问题分析
2019/09/27 PHP
js获取html参数及向swf传递参数应用介绍
2013/02/18 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
2015/02/05 Javascript
jQuery实现给页面换肤的方法
2015/05/30 Javascript
JavaScript中string对象
2015/06/12 Javascript
jquery实现点击展开列表同时隐藏其他列表
2015/08/10 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
js实现完美兼容各大浏览器的人民币大小写相互转换
2015/10/29 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
2017/01/06 Javascript
详解angular ui-grid之过滤器设置
2017/06/07 Javascript
Three.js利用dat.GUI如何简化试验流程详解
2017/09/26 Javascript
JS实现的简单四则运算计算器功能示例
2017/09/27 Javascript
使用node.js实现微信小程序实时聊天功能
2018/08/13 Javascript
react 兄弟组件如何调用对方的方法示例
2018/10/23 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
2018/11/14 jQuery
node.js使用stream模块实现自定义流示例
2020/02/13 Javascript
[46:20]TFT vs Secret Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
[47:04]LGD vs infamous Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
python生成随机mac地址的方法
2015/03/16 Python
python线程中的同步问题及解决方法
2019/08/29 Python
Python制作运行进度条的实现效果(代码运行不无聊)
2021/02/24 Python
html5触摸事件判断滑动方向的实现
2018/06/05 HTML / CSS
Zadig&Voltaire官网:法国时装品牌
2018/01/05 全球购物
公司年会演讲稿范文
2014/01/11 职场文书
一年级家长会邀请函
2014/01/25 职场文书
2014年银行员工年终自我评价
2014/09/19 职场文书
四风问题民主生活会对照检查材料思想汇报
2014/09/27 职场文书
中学综治宣传月活动总结
2015/05/07 职场文书
处罚决定书范文
2015/06/24 职场文书
珍惜时间的诗歌赏析
2019/08/23 职场文书
微信小程序基础教程之echart的使用
2021/06/01 Javascript
pandas中对文本类型数据的处理小结
2021/11/01 Python
MySQL事务的ACID特性以及并发问题方案
2022/07/15 MySQL