从tabbar跳转到详情页，点击手机back返回按钮时退出小程序问题

最新推荐文章于 2023-06-01 09:03:48 发布
最新推荐文章于 2023-06-01 09:03:48 发布
阅读量485 收藏 2
点赞数
文章标签： javascript css html html5 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45326728/article/details/115705357
版权

从tabbar跳转到详情页，点击手机back返回按钮时退出小程序问题

我一开始从主页跳转到时用的是

`<navigator open-type='redirect'>

redirect 对应 wx.redirectTo 的功能，它造成了主页被销毁，点击手机back返回键时退出了小程序。
换成
<navigator open-type='navigate'>，
就没问题了
navigate 对应 wx.navigateTo 或 wx.navigateToMiniProgram 的功能

学上星辰
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序 界面从右边滑出_详解微信小程序左右滑动切换页面
weixin_42545066的博客
01-14 3660
微信小程序——左右滑动切换页面事件微信小程序的左右滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。这三个事件最重要的属性是pageX和pageY，表示X，Y坐标。touchstart在触摸开始时触发事件;touchend在触摸结束时触发事件;touchmove触摸的过程中不断激发这个事件;这三个事件都有一个timeStamp的属性，查看timeStamp属...
微信小程序跳转tabBar携带参数怎么办？
03-29
微信小程序的导航跳转分为navigateTo（保留当前页，跳转到应用内的其他页面，跳转非tabBar页面，可带参数，但是这里有个小坑，后面说），  navigateBack（关闭当前页面，返回上一页面或多级页面），  redirectTo...
微信小程序开发之选项卡(窗口底部TabBar)页面切换
11-28
微信小程序开发中窗口底部tab栏切换页面很简单很方便. 代码: 1.app.json //app.json { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#999999", "navigationBarTitleText": "tab", "navigationBarTextStyle":"white" }, "tabBar": { "col
uniapp之微信小程序之我的tabBar底部导航不需要切换
阿小绿的博客
07-17 3076
解决需求：您的弹窗都出来了底部导航栏还是可以点击切换。 先说我项目的需求：首先我们需要做一个《隐私政策服务协议提示框》，类似下图 点击箭头所指方向即可进行切换页面，当然我肯定是不需要这种的，因此我就在网上百度了一下方法。说是可以用uniapp自带的 hideTabBar（注意我项目是用于微信小程序。） //隐藏 uni.hideTabBar({ //这里是为了不那么唐突 animation:true, success() { console.debug('隐藏成功') } }) 这代码是欧克
微信小程序跳转命令及运用
2201_75442970的博客
01-28 274
微信小程序跳转命令及运用
【微信小程序】小程序中几种跳转页面的方式
weixin_42678675的博客
05-16 3225
本期内容 本期将介绍小程序中，几种跳转页面的方式以及区别 1、只能跳转到 tabBar 配置页面 在微信小程序中，我们可以分为两种不同的页面，一种是带底部导航栏，也就是 tabBar 的页面，一种是不带导航栏的普通页面。当我们在 普通页面 -> tabBar 页面 时，就需要用到如下方法： wx.switchTab({ url: 'pages/index/main' }) 带导航栏的页面如下红圈处： 普通页面如下，不带底部导航栏： 2、返回上一级页面（ ...
微信小程序小问题 —— tabBar不能跳转
紫郡的博客
03-25 1358
像我这样的新手，基本都会遇见这样的问题： go_to: function() { wx.navigateTo({ url: '../logs/logs' }) }, 在app.json中加入tabBar之后，我们的navigteTo就不能用了。 这是因为： wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用...
解决微信小程序退出登录的时候，用手机物理返回键还是能返回上一个页面
zxh7770的博客
04-23 3460
阐述 最近在公司做微信小程序，退出的时候可以正常退出，但是用手机的物理返回键的时候还能继续返回到上一个页面，这样就相当于没有退出，以下说下我的解决方法。 解决方案如下 1，要使用微信的“redirectTo”来进行跳转，不能使用”navigateTo“，来进行跳转到登录页面。代码如下 wx.redirectTo({ url: '/pages/login/login' }) 官方解释：wx....
uniapp app 解决tabbar左侧滑动返回上个页面
Austin的博客
07-06 3446
fm:需求就是 打包成app 的时候 tabbar页面左侧滑动的话 就会提示再滑一次 就退出应用 我需要做的就是不退出页面 跳转到或者说返回到上级页面 个人需求 可以整体的去配置 也可以单页面配置 单页面配置 // 左侧返回上一页 onBackPress() { //#ifdef APP-PLUS uni.navigateTo({ url: '/pages/pagestore/tabbar/home'
微信小程序如何跳转到tabbar页面-陆大湿
热门推荐
陆大湿的博客
03-22 1万+
1、跳转问题 记得前几天在改去水印小程序的前端代码发现一个很坑的地方，跳转的页面不一样，用的方式也不一样的，我还排查了很久，最后才发现问题所在，今天记起来就给大家分享一下，避免大家入坑。 问题：如何跳转到tabbar的页面？ 解答：首先也回答下什么是tabbar页面。其实tabbar页面很容易区分，在app.json文件中设置tabBar属性，其实就是底部导航的菜单就叫tabBar，而pagePath路径就是tabbar页面，其他页面就是非tabbar的页面。如下： 介绍完tabbar进入...
【微信小程序】本地模拟数据实现上滑加载
24min的博客
04-21 1298
Page({ /** * 页面的初始数据 */ data: { list:[ { time: '2015-05-06 09:12:30', moneynum: '-34', washid: '009987889' }, { time: '2015-05-06 09:12:30', ...
微信小程序开发之点击按钮退出小程序的实现方法
12-29
微信小程序官方是没有提供退出的API的，但是在navigator这个组件中，是有退出这个功能的： 详情参考官方文档：navigator。 示例代码： 关闭小程序 不过这个功能最低支持版本时 2.1.0 ，如果一定要使用这个功能，那么最好在小程序管理后台中设置最低基础库版本不低于2.1.0，如果对小程序支持的最低基础库低于2.1.0，那么可以对小程序基础库版本进行判断，支持小程序退出的就使用退出组件，如果不支持，那么就做好跳转到其他指定页面的兼容处理。  wx.get
微信小程序tabBar 返回tabBar不刷新页面
10-16
主要介绍了微信小程序tabBar 返回tabBar不刷新页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
小程序tabbar素材
07-08
小程序tabbar素材小程序tabbar素材小程序tabbar素材小程序tabbar素材 微信小程序tabbar小图片
微信小程序tabbar图标素材
04-18
微信小程序tabbar图标素材
uniapp 微信小程序tabbar凸起的显示
最新发布
08-25
uniapp 微信小程序tabbar凸起的显示，不闪烁。
微信小程序tabbar页面跳转关闭原页面方法（含有tabbar的也能关闭）
weixin_59685936的博客
03-29 1247
微信小程序tabbar页面跳转关闭原页面方法（含有tabbar的也能关闭）
微信小程序页面禁止滑动
辽辽无期的博客
06-01 1802
【代码】微信小程序页面禁止滑动。
微信小程序（跳页之tabBar导航跳转）
peijiajing的博客
11-25 385
tabBar小程序导航 简介： 小程序是一个多tab标签应用（客户端窗口的底部或顶部有tab栏可以切换页面），可以通过Tabbar配置项指定tab栏的表现，以及tab切换时显示的对应页面。 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置 在小程序配置文件里面可以设置tabBar属性： 先来个简单案例看下效果 "tabBar": { "list": [ ...
uniapp小程序在跳转tabbar之前监听tabbar的点击事件并组织跳转
05-23
在uniapp小程序中，可以通过监听 tabBar 点击事件来控制是否跳转到 tabBar 页面。具体的实现步骤如下： 1. 在 App.vue 文件中，定义一个变量用于保存当前 tabBar 要跳转的页面路径。 ```javascript export default { data() { return { tabBarPath: '' // 当前 tabBar 要跳转的页面路径 } } } ``` 2. 在 tabBar 的点击事件中，将 tabBar 要跳转的页面路径保存到上面定义的变量中。 ```javascript uni.switchTab({ url: '/pages/home/index', success() { // 将 tabBar 要跳转的页面路径保存到变量中 getApp().tabBarPath = '/pages/home/index' } }) ``` 3. 在页面的 onShow 生命周期中，判断当前页面是否要跳转到 tabBar 页面。如果是，则取消跳转，并清空 tabBarPath 变量。 ```javascript export default { onShow() { if (getApp().tabBarPath) { uni.reLaunch({ url: getApp().tabBarPath, success() { getApp().tabBarPath = '' } }) } } } ``` 这样就可以在跳转 tabBar 页面之前监听 tabBar 的点击事件，并组织跳转了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值