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

Question

[vetsmen]

В цикле вывожу div элементы в компоненте vue.js. При определенном условии мне нужно добавлять к блоку определенный class. Делал так:

v-bind:class="[(item.status == 2) ? item_not_sale : '']"

А так же так:
v-bind:class="{item_not_sale: (item.status == 2)}"
Однако класс ни при каких условиях не хочет добавляться. В чем проблема?

Answer 1

[0xD34F]

А что такое item_not_sale - это имя класса, или свойство, содержащее в себе имя класса?

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

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

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

Comments

[vetsmen]

Это имя класса. Так же есть элементы, которые содержат status = 2;

[0xD34F]

vetsmen, отлично - разобрались, почему не работает первый вариант.

Покажите, как вы выводите элементы (v-for="item in ...).

Расскажите, как вы определили, что класс не назначается - по внешнему виду элементов, или открыли инструменты разработчика и убедились, что класс действительно отсутствует?

[vetsmen]

0xD34F, проблема была в том, что я сначала указывал class="" и после него сразу же v-bind:class=""
Спасибо большое за то, что навели меня на ошибку!