Vue中使用Style变量

Posted 2023-03-09

参考技术A Vue能不能实现数据驱动style样式呢？

官方提供的办法是在 <template> 里使用 :style 或者 :class 的方式赋值。但它们有个缺陷，即无法设置 伪元素 的css属性，例如，如果想设置

就没法用上述方法实现。

css提供了 var() 函数，能够动态设置样式的属性。Vue可以通过下面这两种方法实现对 var() 函数的传参。