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


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 相关文章推荐
PJBlog插件 防刷新的在线播放器
Oct 25 Javascript
htm调用JS代码
Mar 15 Javascript
JavaScript 事件冒泡简介及应用
Jan 11 Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
Apr 08 Javascript
使用CSS样式position:fixed水平滚动的方法
Feb 19 Javascript
jquery取消事件冒泡的三种方法(推荐)
May 28 Javascript
Highcharts学习之数据列
Aug 03 Javascript
BootstrapValidator超详细教程(推荐)
Dec 07 Javascript
使用SVG基本操作API的实例讲解
Sep 14 Javascript
vue 子组件向父组件传值方法
Feb 26 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
js实现简单的日历显示效果函数示例
Nov 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
刚才在简化php的库,结果发现很多东西
2006/12/31 PHP
php下载文件的代码示例
2012/06/29 PHP
php不使用copy()函数复制文件的方法
2015/03/13 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
[Web]防止用户复制页面内容和另存页面的方法
2009/02/06 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
javascript:;与javascript:void(0)使用介绍
2013/06/05 Javascript
当某个文本框成为焦点时即清除文本框内容
2014/04/28 Javascript
angular.foreach 循环方法使用指南
2015/01/06 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
2015/06/05 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
2016/05/24 Javascript
微信小程序之小豆瓣图书实例
2016/11/30 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
2017/03/17 Javascript
React Native 环境搭建的教程
2017/08/19 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
2018/01/10 Javascript
vue axios重复点击取消上一次请求封装的方法
2019/06/19 Javascript
JavaScript实现省份城市的三级联动
2020/02/11 Javascript
[02:09]DOTA2辉夜杯 EHOME夺冠举杯现场
2015/12/28 DOTA
python统计文本字符串里单词出现频率的方法
2015/05/26 Python
约瑟夫问题的Python和C++求解方法
2015/08/20 Python
在python win系统下 打开TXT文件的实例
2018/04/29 Python
基于python requests库中的代理实例讲解
2018/05/07 Python
python实现的读取网页并分词功能示例
2019/10/29 Python
Python利用逻辑回归模型解决MNIST手写数字识别问题详解
2020/01/14 Python
python 非线性规划方式(scipy.optimize.minimize)
2020/02/11 Python
django model通过字典更新数据实例
2020/04/01 Python
Selenium及python实现滚动操作多种方法
2020/07/21 Python
Python xlrd/xlwt 创建excel文件及常用操作
2020/09/24 Python
Python3.9新特性详解
2020/10/10 Python
CSS3 伪类选择器 nth-child()说明
2010/07/10 HTML / CSS
夏威夷灵感服装及配饰:Reyn Spooner
2018/09/18 全球购物
端午节粽子促销活动方案
2014/02/02 职场文书
淘宝好评语大全
2014/05/05 职场文书
纪律教育月活动总结
2014/08/26 职场文书
2014年大学生党员自我评议
2014/09/22 职场文书
win10拖拽文件时崩溃怎么解决?win10文件不能拖拽问题解决方法
2022/08/14 数码科技