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


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的文本框记数器
Sep 19 Javascript
FF火狐下获取一个元素同类型的相邻元素实现代码
Dec 15 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
Sep 29 Javascript
js中实现多态采用和继承类似的方法
Aug 22 Javascript
详解JS中遍历语法的比较
Apr 07 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
JS实现点击复选框变更DIV显示状态的示例代码
Dec 18 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
Mar 05 Javascript
Javascript 实现 Excel 导入生成图表功能
Oct 22 Javascript
一次Webpack配置文件的分离实战记录
Nov 30 Javascript
微信小程序实现左侧滑栏过程解析
Aug 26 Javascript
sharp.js安装过程中遇到的问题总结
Apr 02 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 URL编码解码函数代码
2009/03/10 PHP
PHP 可阅读随机字符串代码
2010/05/26 PHP
基于php的CMS中展示文章类实例分析
2015/06/18 PHP
详解PHP错误日志的获取方法
2015/07/20 PHP
Laravel 框架基于自带的用户系统实现登录注册及错误处理功能分析
2020/04/14 PHP
js用Date对象处理时间实现思路及代码
2013/01/31 Javascript
Javascript Throttle & Debounce应用介绍
2013/03/19 Javascript
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
2013/07/09 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
2013/08/12 Javascript
JavaScript实现在页面间传值的方法
2015/04/07 Javascript
JS动态添加iframe的代码
2015/09/14 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
2015/11/17 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
2016/09/17 Javascript
codeMirror插件使用讲解
2017/01/16 Javascript
微信小程序嵌入腾讯视频源过程详解
2019/08/08 Javascript
vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法
2019/10/30 Javascript
vue+AI智能机器人回复功能实现
2020/07/16 Javascript
vue-router 2.0 跳转之router.push()用法说明
2020/08/12 Javascript
Vue js with语句原理及用法解析
2020/09/03 Javascript
[03:01]完美盛典趣味短片 DOTA2年度最佳&拉胯英雄
2019/12/07 DOTA
python微信跳一跳游戏辅助代码解析
2018/01/29 Python
python中itertools模块zip_longest函数详解
2018/06/12 Python
python读取图片并修改格式与大小的方法
2018/07/24 Python
对Pyhon实现静态变量全局变量的方法详解
2019/01/11 Python
Python实现一个数组除以一个数的例子
2019/07/20 Python
关于torch.optim的灵活使用详解(包括重写SGD,加上L1正则)
2020/02/20 Python
基于Python绘制美观动态圆环图、饼图
2020/06/03 Python
python3实现语音转文字(语音识别)和文字转语音(语音合成)
2020/10/14 Python
安装python依赖包psycopg2来调用postgresql的操作
2021/01/01 Python
2015年小学生国庆节演讲稿
2015/07/30 职场文书
创业计划书之淘宝网店
2019/10/08 职场文书
《敬重卑微》读后感3篇
2019/11/26 职场文书
Redis安装启动及常见数据类型
2021/04/14 Redis
mysql在项目中怎么选事务隔离级别
2021/05/25 MySQL
动画《朋友游戏》公开佐藤友生绘制的开播纪念绘
2022/04/06 日漫
mybatis-plus模糊查询指定字段
2022/04/28 Java/Android