uni-app如何取消页面的默认返回按钮

最新推荐文章于 2025-02-20 15:55:37 发布

火红_

最新推荐文章于 2025-02-20 15:55:37 发布

阅读量1.8k

点赞数 3

分类专栏： uniapp之商城文章标签： uni-app 前端 html javascript vue.js

本文链接：https://blog.csdn.net/qq_31676483/article/details/128888741

版权

uniapp之商城专栏收录该内容

16 篇文章

订阅专栏

在page.json中设置了autoBackButton为false以禁用返回按钮，但若该设置未生效，可以通过在onReady生命周期方法中，获取uni-page-head-hd元素并将其display属性设为none来隐藏返回按钮。

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

在这里插入图片描述
在page.json页面设置如下：添加autoBacButton：false

{
            "path" : "pages/newlogin/newlogin",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "登录",
                "enablePullDownRefresh": false,
				"app-plus":{
					"titleNView":{
						"autoBackButton":false
					}
				}
				
            }
            
        }

如果以上的设置未生效，可以设置如下：

	onReady() {
			const a = document.getElementsByClassName('uni-page-head-hd')[0]
				a.style.display = 'none';
		},

在这里插入图片描述