UI- 增加气泡消失遗漏

src/main.js

@@ -34,6 +34,9 @@ import './filters'
 // //WebSocket封装方法
 // import * as socketApi from '@/api/socket'
 // Vue.prototype.socketApi = socketApi
+//全局混入 mixin
+import {mixinMapTip} from './mixin'
+Vue.mixin(mixinMapTip);
 
 Vue.prototype.$axios = axios
 Vue.config.productionTip = false

src/mixin.js

@@ -0,0 +1,21 @@
+// 全局混入map上的tip气泡点击除地图外的区域也进行隐藏
+export const mixinMapTip = {
+  mounted() {
+    this.$nextTick(() => {
+      this.closedMapTip();
+    })
+  },
+  methods: {
+    closedMapTip() {
+      if(this.$refs.supermap){
+        document.addEventListener("click", (e) => {
+          let a = this.$refs.supermap.$el;
+          if (this.$refs.supermap.mapshow && !a.contains(e.target)) {
+            this.$refs.supermap.mapshow = false;
+          }
+        });
+      }
+
+    },
+  }
+}