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


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正文内容高亮效果的实现方法
Jun 30 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
vue开发调试神器vue-devtools使用详解
Jul 13 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
Aug 29 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
Oct 25 Javascript
javascript获取图片的top N主色值方法详解
Jan 26 Javascript
Vue+element-ui 实现表格的分页功能示例
Aug 18 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
Oct 08 Javascript
简单两步使用node发送qq邮件的方法
Mar 01 Javascript
使用webpack搭建vue项目实现脚手架功能
Mar 15 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
微信小程序实现加入购物车滑动轨迹
Nov 18 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
《OVERLORD》第四季,终于等到你!
2020/03/02 日漫
PHP FTP操作类代码( 上传、拷贝、移动、删除文件/创建目录)
2014/05/10 PHP
PHP使用PHPExcel删除Excel单元格指定列的方法
2016/07/06 PHP
PHP长网址与短网址的实现方法
2017/10/13 PHP
PHP微信H5支付开发实例
2018/07/25 PHP
php设计模式之状态模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
JS 去除Array中的null值示例代码
2013/11/20 Javascript
js操作输入框提示信息且响应鼠标事件
2014/03/25 Javascript
浅析node.js中close事件
2014/11/26 Javascript
JavaScript学习笔记之Cookie对象
2015/01/22 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
2017/05/11 Javascript
BootStrap中的Fontawesome 图标
2017/05/25 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
2018/07/16 Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
2018/10/29 Javascript
原生js实现trigger方法示例代码
2019/05/22 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
微信小程序实现带放大效果的轮播图
2020/05/26 Javascript
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器
2014/06/04 Python
Python selenium如何设置等待时间
2016/09/15 Python
django启动uwsgi报错的解决方法
2018/04/08 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
英国标志性生活方式品牌:Skinnydip London
2019/12/15 全球购物
C++程序员求职信范文
2014/04/14 职场文书
机关党员四风问题个人整改措施
2014/10/26 职场文书
趣味运动会开幕词
2015/01/28 职场文书
个人求职自荐信范文
2015/03/06 职场文书
保研推荐信格式
2015/03/25 职场文书
2015年员工试用期工作总结
2015/05/28 职场文书
社区宣传标语口号
2015/12/26 职场文书
分析Python感知线程状态的解决方案之Event与信号量
2021/06/16 Python
python DataFrame中stack()方法、unstack()方法和pivot()方法浅析
2022/04/06 Python