Question

我正在一个网站上使用不同的类别，每个类别都应该更改所有锚点元素的颜色。

我知道我可以像这样使用样式绑定：

:style="{ color: theColor }"

但是然后我将不得不手动附加到每个链接元素，这似乎违反直觉。

现在我正在从商店中获取颜色。

<script> 
   computed: {
      theColor() {
         return this.$store.state.theColor;
    }
   }
</script>

颜色本身是十六进制的，我可以从netlify的后端更改。因此，将其硬编码到单独的类中不是一种选择。

根据直觉，我将遍历所有元素，并为它们提供商店中的颜色。但是我该如何使用vue？

Answer 1

我找到了一种使用inside的解决方案，然后在：root中更改了CSS变量。