P粉333395496 2023-08-03 20:20:26 0 1 229
我正在使用Vuetify，它为每个主题颜色（如--v-theme-primary）创建CSS变量。我希望能够在CSS中将颜色设置为--v-theme-{something}，并且{something}的值来自于JS。例如：
Asd
[[v-bind(color)]] 是无效的语法，我只是为了演示而提出的。我希望能够在那里放置来自颜色引用的颜色名称或其他内容，以便我可以在CSS中使用 var(--v-theme-{color})，其中颜色来自于JS。在示例中，它将变为 var(--v-theme-primary)。
你有什么想法吗？这种做法是否可行？
P粉302160436 采纳为最佳 2023-08-04 00:35:30 1楼
你可以为CSS值创建一个计算属性。
你还可以移除 :class="$style['colored-text']"，直接使用 class="colored-text"。
sfc example
赞 +0 添加回复