uniapp 去掉h5导航（微信公众号去掉和h5保留）

在uniapp开发中遇到代码转成h5的需求，在微信公众号中不需要设置的导航栏，在其他h5中保留导航栏。自己想处理方式如下（有用，就是需要在每个页面单独判断）

首先需要判断是否是微信浏览器

is_weixin(){let ua = navigator.userAgent.toLowerCase();return ua.indexOf('micromessenger') != -1;
}

第二在app.vue中的方法中写函数，获取转化成h5导航栏标签uni-page-head 给设置成display:none

methods:{navTitle(){let navTitle = document.getElementsByTagName('uni-page-head');navTitle[0].style.display = 'none'}}

在需要隐藏导航栏的页面onload中加上判断是否是微信浏览器

onLoad: function(options) {if(this.is_weixin()){app.navTitle()}
}
//app  是自己获取app.vue中的方法  const app = getApp()

这就能解决在微信h5中删除掉导航栏在wap端h5保留导航栏。

//当然也可以在pages.json文件中设置  直接去掉导航栏，但是不能兼容，去掉就两个都去掉了

{"path": "pages/category/category","style": {"navigationBarTitleText": "分类",//只是一种"navigationStyle":"custom",//第二种"app-plus":{"titleNView": false  //false 为不展示导航栏}}
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！