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

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'
},

结果

前:

在这里插入图片描述

后:

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

十月ooOO

许个愿,我帮你实现

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值