Ich verwende Vuetify, das CSS-Variablen für jede Designfarbe erstellt (wie --v-theme-primary). Ich möchte in der Lage sein, die Farbe in CSS auf --v-theme-{something} zu setzen und den Wert von {something} von JS zu erhalten. Zum Beispiel:

[[v-bind(color)]] ist eine ungültige Syntax, ich habe sie nur zur Demonstration aufgerufen. Ich möchte dort den Farbnamen oder etwas aus der Farbreferenz einfügen können, damit ich var(--v-theme-{color}) in CSS verwenden kann, wo die Farbe von JS kommt. Im Beispiel würde es zu var(--v-theme-primary) werden.

Haben Sie irgendwelche Ideen? Ist dieser Ansatz machbar?