Remove event listener when modal is destroyed

1 files changed, 9 insertions, 5 deletions

diff --git a/src/components/modal/modal.js b/src/components/modal/modal.js
index 36cd7f4a..963f4bcd 100644
--- a/src/components/modal/modal.js
+++ b/src/components/modal/modal.js
@@ -3,14 +3,18 @@ const Modal = {
   methods: {
     close: function () {
       this.$emit('close')
-    }
-  },
-  mounted: function () {
-    document.addEventListener('keydown', (e) => {
+    },
+    handleKeydown: function (e) {
       if (this.show && e.keyCode === 27) {
         this.close()
       }
-    })
+    }
+  },
+  mounted: function () {
+    document.addEventListener('keydown', this.handleKeydown)
+  },
+  destroyed: function () {
+    document.removeEventListener('keydown', this.handleKeydown)
   }
 }