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

Posted 2023-02-22

【中文标题】使用 vue/nuxt 将样式属性附加到所有（锚）元素

【英文标题】：Attaching a style property to all (anchor) elements with vue/nuxt

【发布时间】：2019-08-19 13:44:33

【问题描述】：

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

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

:style=" color: theColor "

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

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

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

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

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

【参考方案1】：

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

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