@Qurds12

Смена класса при клике?

Как сделать что бы при клике на кнопку менялся класс и его дочерний компонент, тобишь col-1, Как сделать что при клике менялся класс на col-2, и обратно

<div class="col-1">
<div class="toggle active">
<span>колония 2</span>
  • Вопрос задан
  • 88 просмотров
Решения вопроса 1
@molekulyarniy
https://stackoverflow.com/questions/33731939/vue-j...

P.S.
<template>
  <div>
    <ul class="col-choose__list" style="position: sticky; top: 18%">
      <li class="col-choose__item" :class="changeClass">колонка</li>
    </ul>
    <button @click="myFilter">Сменить класс</button>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      isActive: false,
    };
  },
  methods: {
    myFilter() {
      this.isActive = !this.isActive;
    },
  },
  computed: {
    changeClass() {
      return this.isActive ? "col1" : "col2";
    },
  },
};
</script>

<style>
.col1 {
  background-color: blue;
}
.col2 {
  background-color: red;
}
</style>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы