uniapp uni-app H5 端如何取消 返回按钮的显示 autoBackButton不生效

修改 pages.json "autoBackButton": false 不生效

pages.json 中配置 autoBackButton 是不生效的,因为这个属性只支持程序方面, H5 不支持这个属性的设置。

如下:不生效

{
  "path": "pages/star/index/index",
  "style": {
    "autoBackButton": false,
    "navigationBarTitleText": "养殖助手",
    "h5": {
      "titleNView": {
        "autoBackButton": false
      }
    }
  }
}

实现

H5 端咱有自己的方法呀,所有的元素都是可控的,直接用浏览器端的方法把它隐藏就好了。
mounted 这添加如下一句就好了,意思是在页面渲染完成后,找到返回按钮,把它隐藏。

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

结果

前:

在这里插入图片描述

后:

在这里插入图片描述

更多推荐