vue如何等待动画触发完之后再执行其他事件?

发布于2023-08-15 16:29 阅读 154

点击div盒子,有0.2s的背景色变化的动画,怎么等动画结束后,再触发路由跳转?

vue2项目,我只想到一个setTimeout方法,有没有更优的方法?

除了setTimeout 还可以使用animationend动画结束事件:

<div @animationend="router.push('xx')"></div>

animationend(动画结束)事件在 CSS 动画完成时触发。如果在动画完成前中止了动画,例如将元素从 DOM 中移除,或将动画从元素上移除,animationend 事件不会触发。

评论

全部评论

{{item.username}}
{{item.comment_content}}
回复

{{reply.username}} 回复:{{reply.replyname}}

{{reply.content}}

{{reply.isshow ? '取消回复' : '回复'}}

作者

程序员李蛋

一个早早地学会让自己的灵魂充分扩展的人,以后才能将整个世界收入自己的灵魂当中。