Задать вопрос
@vetsmen
vue

Как на лету в цикле добавлять класс во Vue.js?

В цикле вывожу div элементы в компоненте vue.js. При определенном условии мне нужно добавлять к блоку определенный class. Делал так:
v-bind:class="[(item.status == 2) ? item_not_sale : '']"

А так же так:
v-bind:class="{item_not_sale: (item.status == 2)}"
Однако класс ни при каких условиях не хочет добавляться. В чем проблема?
  • Вопрос задан
  • 524 просмотра
Комментировать
Подписаться 2 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
А что такое item_not_sale - это имя класса, или свойство, содержащее в себе имя класса?

Если имя - в первом варианте забыли кавычки, если свойство - второй вариант добавляет не значение свойства, а его имя.

Также неясно, что такое item, есть ли среди этих item'ов такие, которые содержат status равный 2.

В общем - маловато информации, чтобы определённо сказать, где вы ошиблись.
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Senior Frontend VueJS (частичная занятость)
Онград+
от 125 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Собрать семантическое ядро + ТЗ копирайтеру для крупного сайта
23 апр. 2024, в 21:40
20000 руб./за проект
Реализовать редирект запросов в Chrome Extension Manifest v3
23 апр. 2024, в 21:14
1000 руб./за проект
Переместить сайт написанный на HTML, на python flask
23 апр. 2024, в 21:03
3000 руб./за проект
Ещё заказы