将动态@keyframes规则绑定到Vue的`:style`属性

时间:2018-11-19 11:28:22

标签: css vue.js sass vuejs2

我想在用户等待通过websocket更新状态时创建边框动画。

它正在像这样工作:发送状态后,我要添加一个使用css规则animation: borderAnimation 2s infinite的加载类,并希望通过绑定到该元素{{1}来动态定义此动画的关键帧。 },如下所示:

:style='myDynamicKeyframesDefinition'

我之所以使用这种方法,是因为我有很多状态代码可供用户在之间切换,因此写下所有组合可能会非常无效(因为将来它们会发生变化,因此保持这种状态甚至会更糟) ) 我不确定是否有可能-任何帮助将不胜感激!

0 个答案:

没有答案