shop组件销毁时，销毁message 事件监听

chaxiaoyou · Mar 2, 2020 · 00f5494 · 00f5494
1 parent ef5f7f1
commit 00f5494
Showing 1 changed file with 15 additions and 14 deletions.
diff --git a/src/components/widget/Shop.vue b/src/components/widget/Shop.vue
@@ -29,7 +29,10 @@
       return {}
     },
     created () {
-      this.onMessage()
+      window.addEventListener('message', this.onMessage, false)
+    },
+    beforeDestroy () {
+      window.removeEventListener('message', this.onMessage)
     },
     computed: {
       shopUrl () {
@@ -58,19 +61,17 @@
           return o
         }, {})
       },
-      onMessage () {
-        window.addEventListener('message', (event = {}) => {
-          const {data} = event
-          const {action, payload} = data || {}
-          switch (action) {
-            case 'component.import':
-              this.resourcesImport(payload)
-              break
-            case 'shop.loaded':
-              this.onShopLoaded()
-              break
-          }
-        }, false)
+      onMessage (event = {}) {
+        const {data} = event
+        const {action, payload} = data || {}
+        switch (action) {
+          case 'component.import':
+            this.resourcesImport(payload)
+            break
+          case 'shop.loaded':
+            this.onShopLoaded()
+            break
+        }
       },
       resourcesImport (payload) {
         Server({