小程序使用wx.redirectTo跳转时隐藏返回首页按钮

最新推荐文章于 2024-04-29 08:00:00 发布
原创 最新推荐文章于 2024-04-29 08:00:00 发布 · 1.3k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序 #微信小程序 #微信

当使用wx.redirectTo进行页面跳转时，默认会显示返回首页的按钮。可以通过在页面的onShow生命周期方法中检测wx.canIUse(hideHomeButton)，如果支持则调用wx.hideHomeButton()来隐藏这个按钮，从而定制用户体验。

使用wx.redirectTo进行跳转时，默认是带有返回首页按钮的。

解决方案：

在onShow里执行wx.hideHomeButton()，就可以隐藏返回首页按钮。

onShow() {
	if (wx.canIUse('hideHomeButton')) {
		wx.hideHomeButton()
	}
},

 

微信小程序开发-实现自定义分页导航栏和横屏展示，并隐藏默认返回图标，自定义返回图标
2401_83100107的博客
05-16 1111
微信小程序开发-实现自定义分页导航栏和横屏展示，并隐藏默认返回图标，自定义返回图标;页面跳转，onTapBack，从tabbar页面跳转到分页，横屏展示，返回上一页，自定义导航栏，自定义图标，分页跳转，微信小程序开发工具
关于微信小程序的页面跳转wx.navigateTo和wx.redirectTo
zhh_1998的博客
03-29 1001
wx.navigateTo 这个接口是跳转到一个应用的某一个页面，但是保留着当前页面， 利用这个接口的好处是，从A页面到B页面后，A页面仍然存在，再从B页面到C页面，B页面也存在。如果想要从C页面返回到B页面，仅需点击C页面上返回即可。B到A同理 wx.redirectTo、 这个接口是关闭当前页面，跳转到应用的另一一个页面 当使用wx.redirctTo接口跳转页面时，原来的页面...
微信小程序去除左上角返回键的实现方法
11-21
碰到这个问题，是因为没了解这里面的层级关系： 默认的是navigator跳转，其它跳转方式open-type属性可选值是’navigate’、’redirect’、’switchTab’等 官网上这么写的： 对应于wx.navigateTo、wx.redirectTo、wx.switchTab的跳转功能 open-type=”navigate”等价于wx.navigateTo而wx.navigateTo的url是需要跳转的应用内非 tabBar 的页面的路径 open-type=”redirect”等价于wx.redirectTo而wx.redirectTo的url是需要跳转的应用内非 ta
微信小程序隐藏返回首页按钮
野猿新一
12-19 1575
当用户打开的小程序最底层页面是非首页时，默认展示“返回首页”按钮，开发者可在页面onLoad或者onShow中调用 hideHomeButton 进行隐藏。
微信小程序隐藏左上角返回键
caii19的博客
09-20 4715
/隐藏home/返回主页按钮 不然还是会出现一个返回主页的按钮。第三：wx.switchTab //只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换。在跳转页面的时候使用wwxredirectTo({url: '/pages/home/home',}).第四：wx.reLaunch //关闭所有页面，打开应用内某个页面，默认无返回按钮】第二：wx.redirectTo //当前页面打开，默认无返回按钮。
精选资源
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
01-03
本文实例讲述了微信小程序出现wx.navigateTo页面不跳转问题的解决方法。分享给大家供大家参考，具体如下： 今天在做微信小程序的时候，做的商品购买流程。流程是这样的： 商品展示–>商品详情–>下单页面–>下单详情...
微信小程序wx.navigateTo页面不跳转
生如夏花 炫至茶靡
09-01 2万+
今天在做微信小程序的时候，做的商品购买流程。流程是这样的： 商品展示-->商品详情-->下单页面-->下单详情页面-->支付结果页面-->跳转订单详情页面。 但是在支付成功之后，点击按钮跳转，发现怎么也跳转不了到订单详情页面，前后log都能打印出来，证明已经执行了wx.navigateTo方法，但是跳转不成功，而且，坑爹的是也不报错。 翻看微信小程序开发文档，参考链接： https://m
使用wx.navigateTo跳转后的页面没有返回按钮
最新发布
04-03
好的，我现在要解决用户的问题：微信小程序中使用wx.navigateTo跳转后页面缺少返回按钮的情况。首先，我需要回忆一下微信小程序的页面导航机制。 根据用户提供的引用[3]，小程序由多个页面组成，每个页面的四个文件...
原生微信小程序 使用默认导航栏 特定页面隐藏导航栏左侧的返回/home按钮 - wx.reLaunch + wx.hideHomeButton
m0_48968874的博客
04-29 1821
使用微信小程序的默认导航栏，在特定页面隐藏导航栏左侧的返回/home按钮效果。
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
08-27
主要介绍了微信小程序分享功能之按钮button 边框隐藏和点击隐藏,需要的朋友可以参考下
隐藏微信小程序左上角的返回或home按钮 wx.hideHomeButton
versionli的博客
05-12 1万+
隐藏微信小程序左上角的返回或home按钮 用的是 wx.hideHomeButton方法，但是这个方法是有限制的，管网说得又不清不楚，在百度也找不到相关的问题 在用这个方法的时候遇到过很多问题和官方不一至 “当用户打开的小程序最底层页面是非首页时” 并不是这样，也不一定在onshow调用， 首先，如果想要隐藏图标，在上一个页面跳到要隐藏图标的页面时，在跳转要用到wx.reLaunch，其它跳转方法都没效果，其次，wx.hideHomeButton不一定要在onS...
微信小程序 隐藏home返回主页按钮，显示返回按钮
Min_nna的博客
01-30 2706
在页面 onShow 中调用 wx.hideHomeButton 即可。
微信小程序--微信自带的返回按钮操作（全局隐藏、单页隐藏、自定义返回按钮）
热门推荐
lp-Strive的博客
04-14 3万+
问题探究： 微信小程序中会默认自带导航菜单返回按钮箭头，当我们想隐藏返回箭头时，就引出有如下三种方法 一、全局隐藏返回箭头 1、在app.json中全局设置，则每个页面会隐藏返回箭头 "window":{ "navigationStyle":"custom" } 二、单个页面返回箭头隐藏 1、首先将返回箭头改为小房子图标（也就是返回主页按钮） wx.redirectTo({ url: '../index/index' }) 2、在对应跳..
小程序隐藏返回按钮
Hy_0452的博客
01-05 3485
微信小程序页面跳转后隐藏返回键并去除功能。 使用navigateTo,会发现跳转至子页面为：< 返回上一级的样式 wx.navigateTo({ url: …/detail/detail', }) 使用redirectTo,会发现跳转至子页面为：???? 返回样式 wx.redirectTo({ url: '../index/index', }) 在需要的页面添加 onShow: function() { wx.hideHomeButton({ success: functio
【微信小程序】 隐藏home/返回主页按钮
sayyy的专栏
09-17 8562
前言 基础库 2.12.0 开发者工具 1.03.2008270 home/返回主页按钮 使用 wx.redirectTo 会得到 home/返回主页 按钮，如下： 使用 wx.navigateTo 会得到 返回上一页 按钮，如下： 隐藏home/返回主页按钮 在页面 onShow 中调用 wx.hideHomeButton 即可。 注意事项： 基础库 2.8.3 开始支持，低版本需做兼容处理。建议简单粗暴的将小程序的最低版本设置为2.8.3版本。 注意 home/返回主页 按钮 和 返回上一页
微信小程序 - 隐藏返回home按钮
qq_30856967的博客
10-23 1884
开发者可在页面 onShow 中调用 hideHomeButton 方法 进行隐藏 wx.hideHomeButton() 从基础库 2.8.3 开始支持 我们在使用时需要 if (wx.canIUse(‘hideHomeButton’)) { wx.hideHomeButton() }
微信小程序使用wx.redirectTo跳转时，如何隐藏返回首页按钮
qq_39940377的博客
01-11 1826
使用wx.redirectTo进行跳转时，默认是带有返回首页按钮的，需要在 需要在页面的js文件中，加入 onShow: function () { if (wx.canIUse('hideHomeButton')) { wx.hideHomeButton() } }, 这样可以隐藏返回首页按钮
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值