Как добавить класс элементу на vue.js?

@ian.heidenreich 

В Vue.js можно добавить класс элементу с помощью динамических атрибутов класса. Это можно сделать следующим образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

<template>
  <div :class="{ 'your-class': isActive }">
    ...
  </div>
</template>

<script>
export default {
  data() {
    return {
      isActive: true
    }
  }
}
</script>

В примере выше, класс your-class будет добавлен к элементу div только тогда, когда переменная isActive имеет значение true. Вы можете использовать любую логику для определения, должен ли класс быть добавлен или нет.