From bbc315815777cca3469d3c021b5dcae5aa0fd5f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Wed, 10 Apr 2019 10:51:06 +0800
Subject: [PATCH] Optimize Collapse initialization animation

---
 src/components/collapse/panel.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/collapse/panel.vue b/src/components/collapse/panel.vue
index 8e791bf8..de0df42f 100644
--- a/src/components/collapse/panel.vue
+++ b/src/components/collapse/panel.vue
@@ -4,7 +4,7 @@
             <Icon type="ios-arrow-forward" v-if="!hideArrow"></Icon>
             <slot></slot>
         </div>
-        <collapse-transition>
+        <collapse-transition v-if="mounted">
             <div :class="contentClasses" v-show="isActive">
                 <div :class="boxClasses"><slot name="content"></slot></div>
             </div>
@@ -31,7 +31,8 @@
         data () {
             return {
                 index: 0, // use index for default when name is null
-                isActive: false
+                isActive: false,
+                mounted: false
             };
         },
         computed: {
@@ -60,6 +61,9 @@
                     isActive: this.isActive
                 });
             }
+        },
+        mounted () {
+            this.mounted = true;
         }
     };
 </script>