微信小程序 - 隐藏返回home按钮

最新推荐文章于 2024-04-29 08:00:00 发布
最新推荐文章于 2024-04-29 08:00:00 发布
阅读量1.7k 收藏
点赞数
分类专栏： uniapp 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30856967/article/details/109244852
版权

开发者可在页面 onShow 中调用 hideHomeButton 方法 进行隐藏

wx.hideHomeButton()

从基础库 2.8.3 开始支持
我们在使用时需要

if (wx.canIUse(‘hideHomeButton’)) {
wx.hideHomeButton()
}

释怀_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序自定义头部标题导航栏
05-24
* 参数： * show: 显示导航标题栏，默认显示 * title: 导航栏标题 * bgColor: 导航栏背景颜色，默认透明'transparent' * noSticky: 取消导航栏粘性布局(不占头部导航栏位置)，默认不取消 * opacity: 导航栏透明度，默认1不透明 * showNavBtn: 是否显示左侧导航按钮，默认true显示 * navIcon: 用户自定义导航按钮图标路径 * navHome: 导航按钮为主页home，与返回back互斥，默认false显示返回back * 外部样式类：(使用时注意权重，添加外部样式类无效果的时候，给类加点权重就可以了) * custom-icon-class: 标题左侧图标外部样式类 * custom-title-class: 标题外部样式类 * custom-root-class: 根节点外部样式类 * 事件： * onBack: 用户点击左上角返回按钮后回调 * onHome: 用户点击左上角Home按钮后回调 * onIcon: 用户点击自定义icon
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
08-27
主要介绍了微信小程序分享功能之按钮button 边框隐藏和点击隐藏,需要的朋友可以参考下
微信小程序去除左上角返回键的实现方法
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
原生微信小程序 使用默认导航栏 特定页面隐藏导航栏左侧的返回/home按钮 - wx.reLaunch + wx.hideHomeButton
最新发布
m0_48968874的博客
04-29 300
使用微信小程序的默认导航栏，在特定页面隐藏导航栏左侧的返回/home按钮效果。
微信小程序返回箭头跳转到指定页面实例解析
10-16
主要介绍了微信小程序返回箭头跳转到指定页面实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序 隐藏home返回主页按钮，显示返回按钮
Min_nna的博客
01-30 1281
在页面 onShow 中调用 wx.hideHomeButton 即可。
wx.hideHomeButton()
qq_26642611的博客
01-12 1993
wx.hideHomeButton() 隐藏左侧返回home按钮
隐藏微信小程序左上角的返回或home按钮 wx.hideHomeButton
versionli的博客
05-12 1万+
隐藏微信小程序左上角的返回或home按钮 用的是 wx.hideHomeButton方法，但是这个方法是有限制的，管网说得又不清不楚，在百度也找不到相关的问题 在用这个方法的时候遇到过很多问题和官方不一至 “当用户打开的小程序最底层页面是非首页时” 并不是这样，也不一定在onshow调用， 首先，如果想要隐藏图标，在上一个页面跳到要隐藏图标的页面时，在跳转要用到wx.reLaunch，其它跳转方法都没效果，其次，wx.hideHomeButton不一定要在onS...
【已解决】微信小程序消除/去掉/隐藏左上角返回按钮
热门推荐
FFqiufeng的博客
01-11 1万+
首先要明确的是页面间的跳转方式有几种、每一种默认的作用是什么。 跳转方式： 第一：wx.navigatorTo 【新页面打开，默认会有返回按钮】 第二：wx.redirectTo【当前页面打开，默认无返回按钮】 第三：wx.switchTab【只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换】 第四：wx.reLaunch 【关闭所有页面，打开应用内某个页面，默认无返回按钮】 第五：wx.navigateBack【关闭当前页面，返回上一页面或多级页面。可通过.
微信小程序隐藏左上角返回键
caii19的博客
09-20 3116
/隐藏home/返回主页按钮 不然还是会出现一个返回主页的按钮。第三：wx.switchTab //只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换。在跳转页面的时候使用wwxredirectTo({url: '/pages/home/home',}).第四：wx.reLaunch //关闭所有页面，打开应用内某个页面，默认无返回按钮】第二：wx.redirectTo //当前页面打开，默认无返回按钮。
uni-app微信小程序隐藏左上角返回按钮
m0_74265396的博客
12-16 1295
首先要明确的是页面间的跳转方式有几种、每一种默认的作用是什么。使用2、4种跳转方式使用;uniapp五种跳转方式。
微信红包封面小程序 - 带后端源码
02-27
首页最上边的头部广告是一个往其他小程序引流的，（如果自己没有其他小程序没有也可以不用管），修改位置在pages/home/home.wxml 第4行的src地址，你可以把你的海报上传到图床转一下链接（自己百度，一大堆），复制...
微信小程序之分享页面如何返回首页的示例
01-03
做小程序开发发现，页面分享出去后，用户通过分享进去的页面很难找到返首页的情况。（微信官方操作是点击右上角三个点，在手机下方显示返回首页）。民间很多方案是自己在页面加个悬浮Home标注。 今天我分享另外一种...
微信小程序中吸底按钮适配iPhone X方案
11-29
因为iPhone X的齐刘海导致的适配问题很多，所以这群土豪更沉浸在各种找bug中，不出所料，豌豆公主小程序在一些地方也出现了一丢丢体验不好的地方，主要是商品详情页和购物车的吸底按钮栏，会与 Home Indicator 横条...
去除小程序home按钮
文龙刚的博客
06-26 943
【代码】去除小程序home按钮。
【微信小程序】 隐藏home/返回主页按钮
sayyy的专栏
09-17 7336
前言 基础库 2.12.0 开发者工具 1.03.2008270 home/返回主页按钮 使用 wx.redirectTo 会得到 home/返回主页 按钮，如下： 使用 wx.navigateTo 会得到 返回上一页 按钮，如下： 隐藏home/返回主页按钮 在页面 onShow 中调用 wx.hideHomeButton 即可。 注意事项： 基础库 2.8.3 开始支持，低版本需做兼容处理。建议简单粗暴的将小程序的最低版本设置为2.8.3版本。 注意 home/返回主页 按钮 和 返回上一页
微信小程序输入账号密码点击按钮登录事件示例代码
08-22
以下是一个微信小程序登录的示例代码： 1. 在 wxml 文件中添加输入框和登录按钮： ``` <!-- 账号输入框 --> <input type="text" placeholder="请输入账号" bindinput="bindUsernameInput"/> <!-- 密码输入框 --> <input type="password" placeholder="请输入密码" bindinput="bindPasswordInput"/> <!-- 登录按钮 --> <button type="primary" bindtap="bindLoginTap">登录</button> ``` 2. 在 js 文件中添加输入框和登录事件的处理函数： ``` Page({ data: { username: '', // 账号 password: '', // 密码 }, // 账号输入框输入事件处理函数 bindUsernameInput: function(e) { this.setData({ username: e.detail.value }); }, // 密码输入框输入事件处理函数 bindPasswordInput: function(e) { this.setData({ password: e.detail.value }); }, // 登录按钮点击事件处理函数 bindLoginTap: function() { // 判断账号和密码是否为空 if (this.data.username === '' || this.data.password === '') { wx.showToast({ title: '请输入账号和密码', icon: 'none' }); return; } // 执行登录操作，这里可以调用后台接口进行登录验证 wx.showLoading({ title: '正在登录...' }); wx.request({ url: 'http://localhost:8080/login', method: 'POST', data: { username: this.data.username, password: this.data.password }, success: function(res) { wx.hideLoading(); if (res.data.code === 0) { // 登录成功，跳转到首页 wx.switchTab({ url: '/pages/index/index' }); } else { // 登录失败，显示错误信息 wx.showToast({ title: res.data.msg, icon: 'none' }); } }, fail: function() { wx.hideLoading(); wx.showToast({ title: '网络错误', icon: 'none' }); } }); } }); ``` 在这个示例代码中，我们首先在 `data` 中定义了 `username` 和 `password` 两个变量，用于保存输入框中的账号和密码。然后，我们分别在 `bindUsernameInput` 和 `bindPasswordInput` 两个函数中通过 `setData` 更新这两个变量。最后，在 `bindLoginTap` 函数中，我们判断账号和密码是否为空，然后调用后台接口进行登录验证。如果登录成功，我们使用 `wx.switchTab` 跳转到首页，否则显示错误信息。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值