本文主要是介绍笔记:解决 Vue+animate动画时出现重影,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
现象:出现重影,消失特效没走完就进入出现特效效果。
解决:在transition标签上添加 mode="out-in" 属性,先执行完消失动画在执行出现动画,这样就可以轻松避免动画重叠。
<transition enter-active-class="animated fadeInRight" mode="out-in"><router-view />
</transition>
这篇关于笔记:解决 Vue+animate动画时出现重影的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!