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

前进的攻城狮

于 2023-08-26 13:54:08 发布

阅读量1.1k

点赞数 3

CC 4.0 BY-SA版权

文章标签： uni-app java 前端 javascript

本文链接：https://blog.youkuaiyun.com/ZGL_Running/article/details/132509925

文章讲述了在使用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'
		},