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


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文本框默认值处理详解
Jul 10 Javascript
JavaScript实现简单的时钟实例代码
Nov 23 Javascript
利用函数的惰性载入提高javascript代码执行效率
May 05 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
Feb 05 Javascript
jQuery展示表格点击变色、全选、删除
Jan 05 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
Feb 17 Javascript
jstree单选功能的实现方法
Jun 07 Javascript
js登录滑动验证的实现(不滑动无法登陆)
Jan 03 Javascript
解决axios post 后端无法接收数据的问题
Oct 29 Javascript
深入了解JavaScript词法作用域
Jul 29 Javascript
原生JavaScript实现轮播图
Jan 10 Javascript
使用refresh_token实现无感刷新页面
Apr 26 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 默默经典版本
2009/08/04 PHP
PHP 模拟$_PUT实现代码
2010/03/15 PHP
php设置编码格式的方法
2013/03/05 PHP
PHP include任意文件或URL介绍
2014/04/29 PHP
WordPress用户登录框密码的隐藏与部分显示技巧
2015/12/31 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
PHP使用Curl实现模拟登录及抓取数据功能示例
2018/04/27 PHP
详解PHP神奇又有用的Trait
2019/03/25 PHP
js 判断checkbox是否选中的实现代码
2010/11/23 Javascript
jQuery EasyUI API 中文文档 - ComboTree组合树
2011/10/11 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
精通JavaScript的this关键字
2020/05/28 Javascript
Bootstrap表格使用方法详解
2017/02/17 Javascript
js上下视差滚动简单实现代码
2017/03/07 Javascript
详解Angular 4.x Injector
2017/05/04 Javascript
JavaScript实现求最大公共子串的方法
2018/02/03 Javascript
vue移动端实现下拉刷新
2018/04/22 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
基于javascript原生判断DOM是否加载完毕
2020/10/14 Javascript
[05:02]2014DOTA2 TI中国区预选赛精彩TOPPLAY第三弹
2014/06/25 DOTA
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
python开发之str.format()用法实例分析
2016/02/22 Python
Python3 replace()函数使用方法
2018/03/19 Python
python调用百度语音REST API
2018/08/30 Python
python查看模块安装位置的方法
2018/10/16 Python
softmax及python实现过程解析
2019/09/30 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
请说出你所知道的线程同步的方法
2013/04/19 面试题
医院护士求职自荐信格式
2013/09/21 职场文书
大学应届毕业生个人求职信
2013/09/23 职场文书
保研推荐信
2014/05/09 职场文书
学校节能减排倡议书
2014/05/16 职场文书
最美家庭活动方案
2014/08/31 职场文书
政府班子四风问题整改措施
2014/10/04 职场文书
中学后勤工作总结2015
2015/07/22 职场文书
基于python制作简易版学生信息管理系统
2021/04/20 Python