From 4eefc2a552eaee874dbc69d85e034256fdbd8171 Mon Sep 17 00:00:00 2001
From: vok123 <512855971@qq.com>
Date: Wed, 30 Jan 2019 19:25:26 +0800
Subject: [PATCH] message: optimize code (#14029)

---
 packages/message/src/main.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/message/src/main.vue b/packages/message/src/main.vue
index 8e9e5d22b..a478a7e75 100644
--- a/packages/message/src/main.vue
+++ b/packages/message/src/main.vue
@@ -1,5 +1,5 @@
 <template>
-  <transition name="el-message-fade">
+  <transition name="el-message-fade" @after-leave="handleAfterLeave">
     <div
       :class="[
         'el-message',
@@ -61,14 +61,12 @@
       closed(newVal) {
         if (newVal) {
           this.visible = false;
-          this.$el.addEventListener('transitionend', this.destroyElement);
         }
       }
     },
 
     methods: {
-      destroyElement() {
-        this.$el.removeEventListener('transitionend', this.destroyElement);
+      handleAfterLeave() {
         this.$destroy(true);
         this.$el.parentNode.removeChild(this.$el);
       },