Vue组件动画(mode属性)

2020-07-16  本文已影响0人  Spinach

单组件

将组件放入<transition>标签内,然后设置动画效果即可

多组件

将组件放入<transition-group>标签内,然后设置动画效果即可
默认情况下,进入动画和离开动画是同时进行的。
解放方法:指定动画模式mode属性:out-in(先离开后进入)、in-out(先进入后离开)

e.g.

<transition name="class-name" mode="out-in">
  //执行动画效果的元素
<transition>
上一篇 下一篇

猜你喜欢

热点阅读