uniapp H5页面去除双重标题

微信端出现双重标题

去掉后

方法一：

在需要去除双重标题的页面添加以下代码，但是h5页面也会隐藏标题

mounted() {
			//隐藏标题
			if (document != undefined) {
				document.getElementsByClassName('uni-placeholder')[0].style.display = 'none';
				document.getElementsByClassName('uni-page-head')[0].style.display = 'none';
			}
		},

方法二：

新建一个js文件，写入一下代码，在需要隐藏头部标题的页面局部引用

export default {
	mounted() {
		if (this.isWeiXinBrowser() || this.isQQBrowser()) {
			this.navTitle()
		}
	},
	methods: {
		isWeiXinBrowser() { //判断是否为微信
			let ua = navigator.userAgent.toLowerCase()
			return ua.indexOf('micromessenger') != -1
		},
		isQQBrowser() { //判断是否为qq
			var ua = navigator.userAgent.toLowerCase()
			if (ua.match(/QQ/i) == "qq") {
				return true
			} else {
				return false
			}
		},
		navTitle() {
			this.$nextTick(() => {
				let navTitleDom = document.getElementsByTagName('uni-page-head')
				if (navTitleDom.length) {
					navTitleDom[0].style.display = 'none'
				}
			})
		},
	}
}

如果需要在全局页面应用，就在mian.js里加上这段能全局使用

import hideheadUtils from './pages/common/hideheadUtils.js'; //隐藏头部双重标题
Vue.mixin(hideheadUtils);