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


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与Div对层定位和移动获得坐标的实现代码
Sep 08 Javascript
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
May 08 Javascript
在Google 地图上实现做的标记相连接
Jan 05 Javascript
jQuery 处理页面的事件详解
Jan 20 Javascript
JS模拟键盘打字效果的方法
Aug 05 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
Aug 24 Javascript
jquery实现简单的瀑布流布局
Dec 11 Javascript
详解jQuery中ajax.load()方法
Jan 25 Javascript
详解Vue.js入门环境搭建
Mar 17 Javascript
实现jquery放大镜的两种方法
Feb 22 jQuery
redux-saga 初识和使用
Mar 10 Javascript
js canvas实现二维码和图片合成的海报
Nov 19 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
延长phpmyadmin登录时间的方法
2011/02/06 PHP
解析php类的注册与自动加载
2013/07/05 PHP
PHP实现扎金花游戏之大小比赛的方法
2015/03/10 PHP
thinkphp实现把数据库中的列的值存到下拉框中的方法
2017/01/20 PHP
php基于dom实现读取图书xml格式数据的方法
2017/02/03 PHP
laravel migrate初学常见错误的解决方法
2017/10/11 PHP
使用jQuery实现返回顶部
2015/01/26 Javascript
纯javascript实现图片延时加载方法
2015/08/21 Javascript
为何JS操作的href都是javascript:void(0);呢
2015/11/12 Javascript
使用vue.js制作分页组件
2016/06/27 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
详解微信JS-SDK选择图片遇到的坑
2018/08/15 Javascript
基于vue-router 多级路由redirect 重定向的问题
2018/09/03 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
2018/09/28 Javascript
Vue动态修改网页标题的方法及遇到问题
2019/06/09 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
2019/09/05 Javascript
python使用cStringIO实现临时内存文件访问的方法
2015/03/26 Python
Unicode和Python的中文处理
2017/03/19 Python
Python使用PyCrypto实现AES加密功能示例
2017/05/22 Python
python matplotlib画图实例代码分享
2017/12/27 Python
Python 使用with上下文实现计时功能
2018/03/09 Python
在python带权重的列表中随机取值的方法
2019/01/23 Python
python tkinter实现界面切换的示例代码
2019/06/14 Python
python+Django实现防止SQL注入的办法
2019/10/31 Python
python打印文件的前几行或最后几行教程
2020/02/13 Python
在python中使用pymysql往mysql数据库中插入(insert)数据实例
2020/03/02 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
2020/07/03 Python
Python调用REST API接口的几种方式汇总
2020/10/19 Python
环保倡议书50字
2014/05/15 职场文书
2014年小学班主任工作总结
2014/11/08 职场文书
2014小学教师年度考核工作总结
2014/12/03 职场文书
看古人们是如何赞美老师的?
2019/07/08 职场文书
七年级作文之环保作文
2019/10/17 职场文书
Netty分布式客户端处理接入事件handle源码解析
2022/03/25 Java/Android
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB
SQL Server中锁的用法
2022/05/20 SQL Server