如何用vue写一个方法,按顺序同步执行?

kirin
  • 12

现有一个需求,在class上动态添加animate.css的class值,比如第一分钟“fade animated”,第二分钟执行“bounce animated”,以此类推,想写一个方法实现,不知道怎么实现?

回复
阅读 2.9k
2 个回答
<div :class="animateClass"></div>

然后动态修改 animateClass 的值。

需求本身和 Vue 无关。可以用事件侦听来解决,每个动画结束都会广播 animationend 事件,使用 event.animationName 可以获取动画名称,然后进行你想要的操作。具体可阅读 MDN

也可以使用开源库来控制动画,推荐 TimelineLite​

你知道吗?

宣传栏