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


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 相关文章推荐
javascript模拟地球旋转效果代码实例
Dec 02 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
May 24 Javascript
javascript 数组的定义和数组的长度
Jun 07 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
Sep 21 Javascript
vue的toast弹窗组件实例详解
May 14 Javascript
Angular路由ui-router配置详解
Aug 01 Javascript
解决ele ui 表格表头太长问题的实现
Nov 13 Javascript
手把手带你搭建一个node cli的方法示例
Aug 07 Javascript
React实现todolist功能
Dec 28 Javascript
javascript实现用户必须勾选协议实例讲解
Mar 24 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模块 Memcached功能多于Memcache
2011/06/14 PHP
php htmlspecialchars()与shtmlspecialchars()函数的深入分析
2013/06/05 PHP
解析php session_set_save_handler 函数的用法(mysql)
2013/06/29 PHP
PHP如何防止XSS攻击与XSS攻击原理的讲解
2019/03/22 PHP
javascript 自定义事件初探
2009/08/21 Javascript
js实现倒计时(距离结束还有)示例代码
2013/07/24 Javascript
js简单的表格添加行和删除行操作示例
2014/03/31 Javascript
深入浅出 jQuery中的事件机制
2016/08/23 Javascript
详解Javascript中的原型OOP
2016/10/12 Javascript
JavaScript实现经纬度转换成地址功能
2017/03/28 Javascript
javascript获取指定区间范围随机数的方法
2017/09/08 Javascript
js 提取某()特殊字符串长度的实例
2017/12/06 Javascript
详解js的视频和音频采集
2018/08/09 Javascript
Bootstrap的aria-label和aria-labelledby属性实例详解
2018/11/02 Javascript
vue router 传参获取不到的解决方式
2019/11/13 Javascript
KnockoutJS数组比较算法实例详解
2019/11/25 Javascript
Python中内置的日志模块logging用法详解
2016/07/12 Python
pip install urllib2不能安装的解决方法
2018/06/12 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
详解Python字典的操作
2019/03/04 Python
Python小白必备的8个最常用的内置函数(推荐)
2019/04/03 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
python实现多线程端口扫描
2019/08/31 Python
Python依赖包迁移到断网环境操作
2020/07/13 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
卡骆驰新加坡官网:Crocs新加坡
2018/06/12 全球购物
英国豪华装饰照明品牌的在线零售商:Inspyer Lighting
2019/12/10 全球购物
本科生职业生涯规划书范文
2014/01/21 职场文书
技校毕业生自荐信范文
2014/03/07 职场文书
廉洁使者实施方案
2014/03/29 职场文书
法制宣传月活动方案
2014/05/11 职场文书
2014四风问题对照检查材料范文
2014/09/15 职场文书
公司离职证明标准样本
2014/10/05 职场文书
优秀班主任推荐材料
2014/12/17 职场文书
大学生个人年度总结范文
2015/02/15 职场文书
2016关于预防职务犯罪的心得体会
2016/01/21 职场文书