vue中动态修改animation效果无效问题详情

目录

• 问题描述
• 问题原因
• 解决办法
• 1.将 keyframes 下的内容放到 scoped 的外边
• 2.去掉scoped

问题描述

鼠标移入移出，并没有出现闪动：

问题原因

样式中添加了 scoped，会导致.alarmIcon中的 animation 和 keyframe 中的动画会添加一个唯一标识，然后调用函数的时候 animation 是没有对应的标识的。

解决办法

将 keyframes 下的内容放到 scoped 的外边或者去掉 scoped

1.将 keyframes 下的内容放到 scoped 的外边

2.去掉scoped

到此这篇关于vue中动态修改animation效果无效问题详情的文章就介绍到这了,更多相关vue animation 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！