Хотя я знаю, как динамически связывать стили, я не нашел способа чтобы изменить стиль элемента после его монтирования.
Например, для компонента
<template>
<div>
<another-component></another-component>
</div>
</template>
<style>
.class-defined-in-another-component {
color: blue;
}
</style>
можно ли изменить color
на red
в <style>
?
Примечание. Меня особенно интересует изменение стиля и отказ от использования такой конструкции, как <span :class="{color: dynamicColor}">
, где dynamicColor
будет значением computed
. Это связано с тем, что этот измененный стиль будет фактически применяться к нижестоящим компонентам (<another-component>
в приведенном выше примере).