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


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实现页面打印功能实例代码(附去页眉页脚功能代码)
Dec 15 Javascript
js图片延迟加载的实现方法及思路
Jul 22 Javascript
javascript里使用php代码实例
Dec 13 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
Mar 09 Javascript
纯javascript判断查询日期是否为有效日期
Aug 24 Javascript
jquery专业的导航菜单特效代码分享
Aug 29 Javascript
JQuery.validate在ie8下不支持的快速解决方法
May 18 Javascript
DIV+CSS+jQ实现省市联动可扩展
Jun 22 Javascript
微信小程序 教程之wxapp视图容器 swiper
Oct 19 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
Vue动态组件与异步组件实例详解
Feb 23 Javascript
Vue2.0 实现页面缓存和不缓存的方式
Nov 12 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
类的另类用法--数据的封装
2006/10/09 PHP
php生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
php实现的DateDiff和DateAdd时间函数代码分享
2014/08/16 PHP
Chrome Web App开发小结
2014/09/04 PHP
PHP中使用xmlreader读取xml数据示例
2014/12/29 PHP
PHP简单实现文本计数器的方法
2016/04/28 PHP
详解PHP中array_rand函数的使用方法
2016/09/11 PHP
php版微信公众平台实现预约提交后发送email的方法
2016/09/26 PHP
PHP 表单提交及处理表单数据详解及实例
2016/12/27 PHP
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
2013/04/24 Javascript
jquery ui dialog实现弹窗特效的思路及代码
2013/08/03 Javascript
jquery.ajax之beforeSend方法使用介绍
2014/12/08 Javascript
JS实现的自定义右键菜单实例二则
2015/09/01 Javascript
JavaScript中利用jQuery绑定事件的几种方式小结
2016/03/06 Javascript
JS 实现随机验证码功能
2017/02/15 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
2017/11/03 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
2018/08/07 Javascript
详解vue-cli 2.0配置文件(小结)
2019/01/14 Javascript
实例讲解vue源码架构
2019/01/24 Javascript
vue下载excel的实现代码后台用post方法
2019/05/10 Javascript
vue中使用百度脑图kityminder-core二次开发的实现
2019/09/26 Javascript
原生JS实现天气预报
2020/06/16 Javascript
vue element table中自定义一些input的验证操作
2020/07/18 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
2020/07/24 Javascript
vue实现图书管理系统
2020/12/29 Vue.js
从Python的源码来解析Python下的freeblock
2015/05/11 Python
对django中render()与render_to_response()的区别详解
2018/10/16 Python
Python3.7基于hashlib和Crypto实现加签验签功能(实例代码)
2019/12/04 Python
找Python安装目录,设置环境路径以及在命令行运行python脚本实例
2020/03/09 Python
详解torch.Tensor的4种乘法
2020/09/03 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
美国最大的存储市场:SpareFoot
2018/07/23 全球购物
竞聘上岗演讲
2014/05/19 职场文书
查摆问题整改措施范文
2014/10/11 职场文书
2015年教育实习工作总结
2015/04/24 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书