Как во vue изменить стили элементов при клике на родитель?

Question

[Intelix]

У меня есть вот такой тумблер, для переключения языков

<div class="lang-changer">
        <div class="lang-tog"><span id="current-lang">РУ</span><span class="lang-tog-circle"></span></div>
      </div>

Как мне при клике на тумблер изменить стили #current-lang ; .lang-tog-circle и .lang-tog

Answer 1

[Aetae]

<div class="lang-changer" @click="toggle = !toggle">
  <div :class="toggle ? 'lang-tog': 'lang'">
    <span :class="toggle ? 'a': 'b'">РУ</span>
    <span :class="toggle ? 'x': 'y'"></span>
  </div>
</div>

data(){
  return {
    toggle: false;
  }
}

Правда стили вложенных span по-хорошему лучше просто через css менять, относительно верхнего.