图层气泡消失

src/main.js

@@ -22,16 +22,20 @@ import '@/assets/styles/font.scss';//字体引入
 // 字典数据组件
 import DictData from '@/components/DictData'
 
+// 图片上传组件
+import ImageUpload from "@/components/ImageUpload"
 import './assets/icons' // icon
 import './permission' // permission control
 
 //DataV动效组件
 import dataV from '@jiaminghi/data-view'
-// 图片上传组件
-import ImageUpload from "@/components/ImageUpload"
-//公共过滤器
-import './filters'
 
+//全局混入 mixin
+import {mixinMapTip} from './mixin'
+Vue.mixin(mixinMapTip);
+
+//公共过滤器 
+import './filters'
 // //WebSocket封装方法
 // import * as socketApi from '@/api/socket'
 // Vue.prototype.socketApi = socketApi

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