小程序 左上角的返回按钮和home按钮

最新推荐文章于 2025-04-16 15:46:52 发布
最新推荐文章于 2025-04-16 15:46:52 发布
阅读量4.5k 收藏 1
点赞数 3
分类专栏： 第三方
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39636712/article/details/111591928
版权

这个小功能，我也翻阅了大量的博客，查看了很多资料，因为小程序刚开所以也是这也算其中一个小无奈的地方。这个按钮如何挑换是一个问题，看了网上的都是改各种配置来解决，我不知道以前的小程序开发是什么样的，其实现在本身默认就是一个home按钮，不知道为什么那么多人博客都是写的如何让它变成home按钮，如果大一点的小程序，基本下方就有home，那么上面就不需要了home了，那如何让它成为一个返回键是一个问题。

问题：如何让左上角变成返回键。
1、首先不推荐网上各种博客介绍的方法改配置，本来配置里面东西，一个改不好容易犯错误。

解决办法：
1、跳转方法使用wx.navigateTo。那么反之想让上面是home按钮，用其它的跳转就可以。简单好用

微信小程序 - 实现返回顶部功能
TiCrystal的博客
09-17 639
在本文中，我们将介绍如何使用微信小程序的原生能力实现返回顶部功能，并提供相应的源代码示例。用户在浏览页面时，可以通过点击返回顶部按钮快速回到页面的顶部位置。最后，我们需要在页面的逻辑部分实现返回顶部的功能。接下来，我们可以使用样式表对返回顶部按钮进行样式设置，以使其在页面中显示为一个固定位置的按钮。在上面的示例中，我们在页面的底部添加了一个包含图标的视图，并为其绑定了一个点击事件。在上面的示例中，我们设置了返回顶部按钮的位置、大小、背景颜色、阴影效果等样式。的值为 0，表示滚动到页面的顶部位置。
微信小程序左上角返回按钮跳转到指定页面
qq_39702981的博客
01-30 7544
微信小程序左上角返回按钮跳转到指定页面 在当前页面的 onUnload 执行页面跳转 onUnload: function () { wx.redirectTo({ url: '../index/index' }) },  
微信小程序自定义顶部导航，附加返回主页按钮
m0_71966801的博客
11-28 6206
话不多说，先上效果！！！
小程序返回按钮，兼容所有机型的高度办法
最新发布
轻风细雨_林木木
04-16 448
小程序状态栏，以及胶囊按钮属性的获取，返回按钮Top和Height与胶囊属性的设置。
uni-app开发的微信小程序-打回登录页时会在左上角出现一个房子图标（返回首页）- 怎么回事-怎么解决
路虽远行则将至，事虽难做则必成。
09-08 4911
发现项目，在首次进入时打回登录页，原生导航栏左边会出现一个房子按钮可以直接返回首页最后查了一圈发现这个微信版本更新之后，当我们进入不是首页，或者tabbar页面时就会出现微信针对这个也是有解决方案的，可以在微信环境时把他禁用（在h5环境是不会出现的，只有微信有）还有一种办法，只有在原生导航栏时才会出现，我们如果禁用原生导航栏就从根本解决问题。
微信小程序左上角home图标的解决方法之一 层级混乱导致的home图标显示的问题 自定义左上角左侧图标的返回路径
qq_27806371的博客
08-29 2075
微信小程序左上角home图标的解决方法之一 层级混乱导致的home图标显示的问题 自定义左上角左侧图标的返回路径
微信小程序--微信自带的返回按钮操作（全局隐藏、单页隐藏、自定义返回按钮）
热门推荐
lp-Strive的博客
04-14 3万+
问题探究： 微信小程序中会默认自带导航菜单返回按钮箭头，当我们想隐藏返回箭头时，就引出有如下三种方法 一、全局隐藏返回箭头 1、在app.json中全局设置，则每个页面会隐藏返回箭头 "window":{ "navigationStyle":"custom" } 二、单个页面返回箭头隐藏 1、首先将返回箭头改为小房子图标（也就是返回主页按钮） wx.redirectTo({ url: '../index/index' }) 2、在对应跳..
微信小程序 隐藏home返回主页按钮，显示返回按钮
Min_nna的博客
01-30 2059
在页面 onShow 中调用 wx.hideHomeButton 即可。
微信小程序去除左上角返回键的实现方法
10-15
在微信小程序的开发过程中，有时候为了提供更简洁的用户界面，开发者可能会选择隐藏左上角的返回键。本文将详细讲解如何实现这一功能。 微信小程序的页面导航有多种方式，如`wx.navigateTo`、`wx.redirectTo`、`wx....
微信小程序显示左上角返回按钮键
01-25
### 实现微信小程序左上角返回按钮 在微信小程序中，默认情况下，当通过 `wx.navigateTo` 或者其他导航方法进入新页面时，会自动显示左上角的返回按钮。然而，在某些特定场景下可能需要手动控制该按钮的行为。 ...
微信小程序返回箭头跳转到指定页面实例解析
10-16
在微信小程序开发中，用户操作中的返回箭头通常会回到上一级页面，但有时开发者可能需要自定义这个行为，让返回箭头跳转到特定页面而不是默认的上级页面。这在构建复杂应用流程或实现特定导航逻辑时尤其有用。本文将...
公众号跳转小程序指定页面如何隐藏左上角home按钮
12-18
在微信公众号中，用户点击文章内嵌的小程序链接直接进入小程序时，默认会显示左上角的“返回”或“首页”（Home）按钮。如果你希望用户首次打开时不显示这个按钮，可以采用以下策略： 1. **使用场景模式**： - 小...
微信小程序，左上角返回首页小房子
xiaoma19941027的博客
05-11 7987
原文链接：https://blog.csdn.net/u012246458/article/details/94601488?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.noneca
微信小程序：A使用redirectTo跳转B。B页面左边有home按钮？
Yang的小程序之路
07-07 510
A页面采用redirectTo跳转方式，跳转到B页面之后，B页面左上角有HOME按钮。（如下图） 解决： wx.hideHomeButton 写到onload生命周期内 官方链接： https://developers.weixin.qq.com/miniprogram/dev/api/ui/navigation-bar/wx.hideHomeButton.html ...
微信小程序左上角返回键，
逢的博客
10-10 2万+
  //销毁其他页面跳转 wx.redirectTo({ url: '../../pages/address/address', }) //保留其他页面 跳转 带返回按钮 wx.navigateTo({ url: '../../pages/address/address', }) 目前用到这两种方式， 下面 开始设置 返回按钮： 有页面a  页面b 页面c       c...
微信小程序自定义头部导航栏，实现左上角返回键和功能键组件 navigationStyle
allenyll的博客
12-14 1万+
自定义左上角返回键和功能键组件，需要将app.json中的widow下navigationStyle属性设置为custom，但是设置该值之后，需要在每个页面都引入自定义的组件 "window": { "navigationStyle": "custom" }, 自定义组件目录 index.wxml文件 <view class="navbar custom-class" style='height:{{navHeight}}px;background-color:{{bgCo
微信小程序---从分享页面进来时左上角的自定义返回按钮的返回路径
linss
08-06 2771
此方法需要自定义顶部栏 // 判断页面栈是否 <= 0，表示没有上一页 topReturnBtn() { let pages = getCurrentPages(); //获取所有页面 console.log('pages---',pages); console.log('pages.length---',pages.length); if (pages.length <= 1){ // 返回首页 wx.switchTab({ url:
微信小程序，左上脚返回点击直接到首页及跳转页面
qq_39772439的博客
07-11 6669
我们做小程序时就有很多这种情况，根据不同情况处理方式不同。第一种情况：小程序有多个tab。第二种情况只有一个首页。
微信小程序左上角返回按钮跳转到指定页面或前一页面
qq_36611673的博客
11-12 5251
onUnload: function () { //跳转指定页 wx.reLaunch({ url: '../logs/logs' }) //返回前一页 wx.navigateBack({ delta: 1 }) },
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值