fix[ImageCropper]: removeEventListener when destroyed(PanJiaChen#2169)

mayunhai · PanJiaChen · commit a0793dbeab6e · 2019-05-28T15:10:37.000+08:00
diff --git a/src/components/ImageCropper/index.vue b/src/components/ImageCropper/index.vue
@@ -839,16 +839,20 @@ export default {
           that.$emit('crop-upload-fail', err, field, ki)
         }
       })
+    },
+    closeHandler(e) {
+      if (this.value && (e.key == 'Escape' || e.keyCode == 27)) {
+        this.off()
+      }
     }
   },
   created() {
     // 绑定按键esc隐藏此插件事件
-    document.addEventListener('keyup', (e) => {
-      if (this.value && (e.key == 'Escape' || e.keyCode == 27)) {
-        this.off()
-      }
-    })
-  }
+    document.addEventListener('keyup', this.closeHandler)
+  },
+  destroyed() {
+    document.removeEventListener('keyup', this.closeHandler)
+  },
 }
 </script>
 
