0

我正在一个具有不同类别的网站上工作,每个类别都应该改变所有锚元素的颜色。

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

:style="{ color: theColor }"

但是我必须手动附加到每个链接元素,这似乎违反直觉。

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

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

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

根据直觉,我会遍历所有 a 元素并为它们提供商店中的颜色。但是我如何用 vue 做到这一点?

4

1 回答 1

0

我找到了一个使用 inside 的解决方案,然后在 :root 中更改 css 变量。

查看答案:https ://stackoverflow.com/a/50651616/7458669

于 2019-03-28T17:49:40.640 回答