h5修改钉钉双标题栏问题

钉钉导航栏实时跟踪更新标题方法
今天上线h5后再钉钉打开的时候发现会出现双导航栏的问题，
解决办法：npm install dingtalk-jsapi --save现在安装钉钉的api方法

npm install dingtalk-jsapi --save
1

在main.js中引入注册全局

import * as dd from 'dingtalk-jsapi';
Vue.prototype.$dd = dd;
1
2

然后再app.vue文件中隐藏即可

onLaunch: function () {
		//#ifdef H5
		if (this.$dd.env.platform !== "notInDingTalk") {
			let style = document.createElement('style');
			style.type = 'text/css';
			style.innerHTML = "uni-page-head,.uni-page-head{display:none;}";
			document.getElementsByTagName('head').item(0).appendChild(style);
		}
		//#endif	
	},
1
2
3
4
5
6
7
8
9
10