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

Пользователь

от ian.heidenreich , в категории: JavaScript , 7 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от margaret , 7 месяцев назад

@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. Вы можете использовать любую логику для определения, должен ли класс быть добавлен или нет.