添加移除监听

src/pages/workbench/intelligent_drawing.vue

@@ -42,43 +42,48 @@ export default {
     },
   },
   mounted() {
-    window.addEventListener('message',event =>{
-      let data = event.data;
-      // 智能制图发布服务
-      if (data.cmd == 'mapviewmsg'){
-        console.log(data);
-        this.$store.commit("setZnztParams", data.params);
-        this.$router.push(`/fwzc/fwcs`);
-      }
-      // App Builder页面 -- 新窗口打开
-      if (data.cmd == 'mapviewtoapp'){
-        console.log(data);
-        let params = {
-          title: data.params.title,
-          tags: data.params.tags,
-          sharewithwebmap:data.params.shareWithWebMap,
-          webmap:data.params.id,
-          summary: data.params.summary,
-        };
-        let routeData = this.$router.resolve({
-          name: "intelligent_appbuilder",
-          query: params,
-        });
-        window.open(routeData.href, '_blank');
-        // this.$store.commit("setAppBuilderParams", data.params);
-      }
-      // 智能制图服务详情--新窗口打开
-      if (data.cmd == 'mapdetailmsg'){
-        console.log(data);
-        let routeData = this.$router.resolve({
-          name: "intelligent_details",
-          query: data.params,
-        });
-        window.open(routeData.href, '_blank');
-      }
+    this.$nextTick(() => {
+      window.addEventListener('message',event =>{
+        let data = event.data;
+        // 智能制图发布服务
+        if (data.cmd == 'mapviewmsg'){
+          console.log(data);
+          this.$store.commit("setZnztParams", data.params);
+          this.$router.push(`/fwzc/fwcs`);
+        }
+        // App Builder页面 -- 新窗口打开
+        if (data.cmd == 'mapviewtoapp'){
+          console.log(data);
+          let params = {
+            title: data.params.title,
+            tags: data.params.tags,
+            sharewithwebmap:data.params.shareWithWebMap,
+            webmap:data.params.id,
+            summary: data.params.summary,
+          };
+          let routeData = this.$router.resolve({
+            name: "intelligent_appbuilder",
+            query: params,
+          });
+          window.open(routeData.href, '_blank');
+          // this.$store.commit("setAppBuilderParams", data.params);
+        }
+        // 智能制图服务详情--新窗口打开
+        if (data.cmd == 'mapdetailmsg'){
+          console.log(data);
+          let routeData = this.$router.resolve({
+            name: "intelligent_details",
+            query: data.params,
+          });
+          window.open(routeData.href, '_blank');
+        }
+      })
     })
   },
   methods: {},
+  destroyed () {
+    window.removeEventListener('message')
+  } 
 };
 </script>