drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Optimize Collapse initialization animation

Browse source
This commit is contained in:
梁灏 2019-04-10 10:51:06 +08:00
parent e098ce3f8a
commit bbc3158157
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/collapse/panel.vue
View file

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