我正在一个具有不同类别的网站上工作,每个类别都应该改变所有锚元素的颜色。
我知道我可以像这样使用样式绑定:
:style="{ color: theColor }"
但是我必须手动附加到每个链接元素,这似乎违反直觉。
现在我正在从计算中的商店获取颜色。
<script>
computed: {
theColor() {
return this.$store.state.theColor;
}
}
</script>
颜色本身是十六进制的,我可以从 netlify 的后端更改。因此,将其硬编码为单独的类不是一种选择。
根据直觉,我会遍历所有 a 元素并为它们提供商店中的颜色。但是我如何用 vue 做到这一点?