Optimize Collapse initialization animation

梁灏
1 parent e098ce3f
Showing 1 changed file with 6 additions and 2 deletions Show diff stats
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>