Я работаю над сайтом с различными категориями, и каждая из них должна изменить цвет всех якорных элементов.
Я знаю, что могу использовать привязку стилей вот так:
:style="{ color: theColor }"
Но тогда мне придется вручную прикреплять к каждому элементу ссылки, что кажется нелогичным.
Прямо сейчас я получаю цвет из магазина в расчете.
<script>
computed: {
theColor() {
return this.$store.state.theColor;
}
}
</script>
И сам цвет является шестнадцатеричным, который я могу изменить из бэкэнда в netlify. Так что жесткое кодирование этого в отдельные классы не вариант.
Из интуиции я бы просто перебрал все элементы и дал им цвет из магазина. Но как мне это сделать с помощью vue?