现象:出现重影,消失特效没走完就进入出现特效效果。
解决:在transition标签上添加 mode="out-in" 属性,先执行完消失动画在执行出现动画,这样就可以轻松避免动画重叠。
<transition enter-active-class="animated fadeInRight" mode="out-in">
<router-view />
</transition>
现象:出现重影,消失特效没走完就进入出现特效效果。
解决:在transition标签上添加 mode="out-in" 属性,先执行完消失动画在执行出现动画,这样就可以轻松避免动画重叠。
<transition enter-active-class="animated fadeInRight" mode="out-in">
<router-view />
</transition>