记录uniapp去除导航栏左侧返回按钮不生效问题

文章讲述了在使用Uniapp时,尽管官网设置了不显示导航栏左侧的返回按钮,但未生效。作者提供了解决方案,即在页面渲染完成后通过JavaScript动态隐藏`uni-page-head-hd`元素以达到目的。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

            "path" : "pages/xxxxx/xxxxxx",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "xxxxxxx",
                "enablePullDownRefresh": false,
				"titleNView":{
					"autoBackButton": false  //标题栏控件是否显示左侧返回按钮
				}
            }

 如上所示,按照uniapp官网设置,并没有生效,还是存在导航栏左侧返回按钮。

解决:

        在页面渲染完成后找到元素并让其隐藏!

		mounted() {
			document.querySelector('.uni-page-head-hd').style.display = 'none'
		},

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值