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

网友投稿 1515 2022-11-22

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

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

结果

前:

后:

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:vue 根据不同环境,调用不同的数据请求地址 vue-cli
下一篇:css 创建一个箭头
相关文章

 发表评论

暂时没有评论,来抢沙发吧~