uniapp设置不显示顶部返回按钮

最新推荐文章于 2024-05-24 15:44:48 发布
最新推荐文章于 2024-05-24 15:44:48 发布
阅读量2.7k 收藏 11
点赞数 8
文章标签： uni-app 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45600228/article/details/136045520
版权
本文介绍了如何在uni-app的pages文件中配置titleNView组件，以控制自定义返回按钮，并展示了如何在页面文件中使用JavaScript隐藏特定元素，如`.uni-page-head-hd`。
摘要由CSDN通过智能技术生成

一、pages文件中，在相应的页面中设置

				"titleNView": {
					"autoBackButton": false
				}

二、对应的页面文件设置隐藏元素

    document.querySelector('.uni-page-head-hd').style.display = 'none'

前端（从入门到入土）
关注
  • 8
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
uni-app页面顶端去掉返回按钮
hnfeile018的博客
05-26 1万+
今天在使用uni-app开发登录页面时，碰到登录页面要去掉左侧的返回按钮，现已实现具体方法如下 一、首先再根目录pages.json文件内的pages数组中所要隐藏返回按钮的页面style下加入 "app-plus": { "titleNView": { "autoBackButton":false } } ...
uniapp去除顶部返回按钮/返回键
weixin_60819463的博客
07-21 3561
其实很简单，一行代码就能搞定。
uniapp微信小程序在ios端返回不显示弹窗的bug解决
最新发布
lyz246859的博客
05-24 253
其实就是返回页面的弹窗加个延迟就好啦。
uni-app禁用返回按钮/返回键
也简的博客
07-12 1万+
uni-app禁用返回按钮；uni-app禁用手势返回
uniapp 隐藏头部导航栏默认返回按钮
weixin_41463944的博客
09-01 814
uniapp 隐藏头部导航栏默认返回按钮
uniapp 隐藏导航栏左侧返回按钮
weixin_45723025的博客
08-23 3012
uniapp 隐藏导航栏左侧返回按钮
uni-app如何取消pages页面的默认返回按钮【autoBackButton属性】
热门推荐
weixin_43343144的博客
05-08 2万+
"pages": [{ "path" : "pages/search/search", "style": { "navigationBarTitleText": "搜索页", "app-plus":{ "titleNView":{ "autoB...
uniapp显示/隐藏导航栏左侧返回按钮
weixin_44708899的博客
01-08 1736
uniapp显示/隐藏导航栏左侧返回按钮
uniapp隐藏手机顶部的导航栏
AQUROEAN
05-24 2428
uniapp隐藏手机顶部的导航栏 //设置页面全屏 onShow() { plus.navigator.setFullscreen(true); }, //如果不加这句，会导致跳转到别的页面后也是全屏 onHide() { plus.navigator.setFullscreen(false); },
uniapp若依移动端如何去除左上角返回按钮
子豪的博客
05-22 2369
uniapp去除左上角返回键
uni-app如何取消页面的默认返回按钮
我心坚持
02-05 1580
在page.json页面设置如下：添加autoBacButton：false。
【uni-app】基础
Qxn530的博客
09-13 2797
新建项目、uniapp中生命周期、隐藏 “返回首页” 按钮、弹窗、微信授权登录、动态修改标题；页面背景色；折叠面板在小程序中高度需要手动修改；拨打电话、v-for中使用v-if，v-if不能使用函数返回值作为判断条件；跳转页面传递参数是数组；图片高度自适应；修改扩展组件（uni-ui）的样式不生效；
uni-app开发的微信小程序隐藏返回首页按钮
xioxi
05-31 2875
// #ifdef MP-WEIXIN if(wx.hideHomeButton){ wx.hideHomeButton(); } // #endif
【已解决】微信小程序消除/去掉/隐藏左上角返回按钮
FFqiufeng的博客
01-11 1万+
首先要明确的是页面间的跳转方式有几种、每一种默认的作用是什么。 跳转方式： 第一：wx.navigatorTo 【新页面打开，默认会有返回按钮】 第二：wx.redirectTo【当前页面打开，默认无返回按钮】 第三：wx.switchTab【只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换】 第四：wx.reLaunch 【关闭所有页面，打开应用内某个页面，默认无返回按钮】 第五：wx.navigateBack【关闭当前页面，返回上一页面或多级页面。可通过.
记录uniapp去除导航栏左侧返回按钮不生效问题
ZGL_Running的博客
08-26 758
解决uniapp去除导航栏左侧返回按钮不生效问题
uni-app返回禁用或去除
weixin_55451307的博客
06-01 4884
1、需要在当前页面控制返回按钮
uniapp 动态控制顶部导航栏显隐，控制右上角按钮隐藏 app
weixin_45631278的博客
09-09 6361
uniapp动态控制顶部导航栏显隐。
uniapp app 动态设置导航栏按钮显示和隐藏
weixin_45881304的博客
02-15 2002
【代码】uniapp app 动态设置导航栏按钮显示和隐藏。
uniapp动态显示/隐藏顶部导航栏返回按钮
weixin_39389758的博客
09-23 7660
uniapp动态修改顶部导航栏 获取当前页面 webview 的对象实例 let pages = getCurrentPages() let page = pages[pages.length - 1]; let currentWebview = page.$getAppWebview(); 打印，找到需要修改的数据 let titleNView = currentWebview.getStyle().titleNView console.log(titleNView) //打印结果 { "autoBa
uniapp顶部返回按钮，返回上级返回两层
11-30
要实现uniapp顶部返回按钮返回上级返回两层，可以使用uni.navigateBack()方法并传递参数delta为2。具体实现方法如下所示： ```vue <template> <view> <view class="uni-title">这是子页面</view> <view class="uni-content"> <text>这是子页面的内容</text> </view> <view class="uni-btn" @click="goBack">返回上级</view> </view> </template> <script> export default { methods: { goBack() { uni.navigateBack({ delta: 2 // 返回上级返回两层 }) } } } </script> <style> .uni-title { height: 100px; line-height: 100px; text-align: center; font-size: 36px; color: #333; } .uni-content { padding: 20px; font-size: 28px; color: #666; } .uni-btn { display: block; width: 200px; height: 80px; margin: 40px auto; line-height: 80px; text-align: center; font-size: 28px; color: #fff; background-color: #007aff; border-radius: 10px; } </style> ``` 在子页面中，我们可以通过调用uni.navigateBack()方法并传递参数delta为2来实现返回上级返回两层的效果。需要注意的是，delta的值应该根据实际情况进行调整，以确保返回到正确的页面。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值