h5修改钉钉双标题栏问题

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

npm install dingtalk-jsapi --save

在main.js中引入注册全局

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

然后再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	
	},

猜你喜欢

转载自blog.csdn.net/xiaokangna/article/details/126749458