uniapp H5在微信浏览器打开时有两个标题的解决方法

在App.vue中写上该方法

methods: {
			pageHead() {
				let pageHead= document.getElementsByTagName('uni-page-head');
				pageHead[0].style.display = 'none'
              //这一段如果你没有使用到uview  组件可以省略
				let uSticky=document.getElementsByClassName('u-sticky')[0]
				if(uSticky){
					this.$nextTick(()=>{
						uSticky.style.top = 0
					})
				}
			}
		}

在需要的页面加上判断

修改前的效果图

uniapp H5在微信浏览器打开时有两个标题的解决方法_第1张图片

 修改后的

uniapp H5在微信浏览器打开时有两个标题的解决方法_第2张图片

你可能感兴趣的:(uniapp,适配,uni-app,vue.js,前端)