添加地图气泡点击消失

src/main.js

@@ -30,6 +30,10 @@ import './permission' // permission control
 //DataV动效组件
 import dataV from '@jiaminghi/data-view'
 
+//全局混入 mixin
+import {mixinMapTip} from './mixin'
+Vue.mixin(mixinMapTip);
+
 //公共过滤器 
 import './filters'
 // //WebSocket封装方法

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;
+                    }
+                });
+            }
+          
+        },
+    }   
+}