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


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 相关文章推荐
jquery动画2.元素坐标动画效果(创建一个图片走廊)
Aug 24 Javascript
javascript数组详解
Oct 22 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
Nov 23 Javascript
详解Vue中过度动画效果应用
May 25 Javascript
JavaScript中Require调用js的实例分享
Oct 27 Javascript
vue根据值给予不同class的实例
Sep 29 Javascript
解决vue移动端适配问题
Dec 12 Javascript
详解vue中axios的使用与封装
Mar 20 Javascript
JavaScript 严格模式(use strict)用法实例分析
Mar 04 Javascript
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
在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/05 PHP
Javascript中暂停功能的实现代码
2007/03/04 Javascript
JavaScript Chart 插件整理
2010/06/18 Javascript
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
2012/08/22 Javascript
常用的Javascript数据验证插件
2015/08/04 Javascript
jquery实现选中单选按钮下拉伸缩效果
2015/08/06 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
2015/10/28 Javascript
jQuery实现无限往下滚动效果代码
2016/04/16 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
2016/07/07 Javascript
JS中SetTimeout和SetInterval使用初探
2017/03/23 Javascript
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
python 获取et和excel的版本号
2009/04/09 Python
python self,cls,decorator的理解
2009/07/13 Python
python支持断点续传的多线程下载示例
2014/01/16 Python
python 示例分享---逻辑推理编程解决八皇后
2014/07/20 Python
调试Python程序代码的几种方法总结
2015/04/28 Python
解密Python中的描述符(descriptor)
2015/06/03 Python
python2爬取百度贴吧指定关键字和图片代码实例
2019/08/14 Python
python except异常处理之后不退出,解决异常继续执行的实现
2020/04/25 Python
keras打印loss对权重的导数方式
2020/06/10 Python
Python DES加密实现原理及实例解析
2020/07/17 Python
AmazeUI 模态窗口的实现代码
2020/08/18 HTML / CSS
英国领先的电子、技术和办公用品购物网站:Ebuyer
2018/04/04 全球购物
使用索引(Index)有哪些需要考虑的因素
2016/10/19 面试题
简述安装Slackware Linux系统的过程
2012/05/08 面试题
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
工程部经理岗位职责
2013/12/08 职场文书
致短跑运动员广播稿
2014/01/09 职场文书
单位提档介绍信
2014/01/17 职场文书
2014年小学元旦活动方案
2014/02/12 职场文书
妇女工作先进事迹
2014/08/17 职场文书
委托书的写法
2014/09/16 职场文书
小学生毕业评语
2014/12/26 职场文书
红色革命电影观后感
2015/06/18 职场文书