钉钉H5微应用出现双导航栏怎么解决？

一、出现问题：
1.内嵌钉钉的H5微应用，出现双导航栏。
2.公共页的标题展示错误。
二、解决办法：
1.问题一解决方案：设置一个公共字段，在登录时进行判断。
①在src文件夹下新建一个文件modelCommon.vue，创建一个isMobile字段，区分是否是钉钉登录;
②在main.js中引入；
③在首页设置modelCommon.vue中的isMobile，标识是否为钉钉登录。

modelCommon.vue
<script>
//默认初始值为false,为true时即钉钉登录
let isMobile = false;
export default {
  isMobile
};
</script>

main.js
import global from './modelCommon.vue'
Vue.prototype.global = global;

App.vue
import * as dd from "dingtalk-jsapi";
if (dd.env.platform === "ios" || dd.env.platform === "android") {
      this.global.isMobile = true;//如果是钉钉登录，设置为true
}

开发页面中使用
<div v-if="!global.isMobile">
      钉钉登录时看不到该消息，
      浏览器登录时可以看到该消息
<div>