使用 vue/nuxt 将样式属性附加到所有（锚）元素

Question

我正在开发一个具有不同类别的网站，每个类别都应该改变所有锚元素的颜色。

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

:style="{ color: theColor }"

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

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

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

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

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

Answer 1

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

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