vue.js - 如何让一个元素 DOM 动态且重复开关动画？用 JS 控制元素，执行预设好的 CSS 动画，就像常见的点赞动画功能一样，点赞动画永远可以重置执行（详细示例源代码）Nuxt.js也能用

效果图

下图的示例代码有很详细的注释，代码也简洁无BUG可靠。

在vue.js / nuxt.js 项目中，如何让一个元素 DOM 动态且重复开关动画？并且连点也不会出现问题？

下图可以看到，每次点击按钮时都会 重复执行动画，并且支持无限连点也不会出问题！

你可以将触发动画的代码放到任何函数中，或者绑定到点击、长按事件中，都是可以的。

实现代码

在 vue.js 项目中，跑起来查看效果！

<template>