Как правильно задать несколько классов элементу?

Question

[stanislavkm]

У элемента есть классы:

<div class="desktop-news__post-wrapper m-t_1">
...

каждому четному элементу нужно задать класс reverse.
Прочитал документацию, делаю:

<div :class="[desktop-news__post-wrapper, m-t_1, {'reverse' : index % 2 == 0}]" >

Почему не получается?

Answer 1

[Антон Антон]

Потому что у тебя ошибка вычисления выражения desktop - news__post - wrapper и m - t_1, о чем он с примерно 99% вероятностью ругается в консоли. Добавь кавычки, чтобы были строки с названием класса. А вообще в твоем случае можно использовать совместно

class="тут классы, применяемые всегда" :class="тут динамическая часть"

Comments

[stanislavkm]

Антон Антон, спасибо.
но интересно и не особо понятно почему название класса reverse нужно тоже вводить в кавычках: :class="'reverse'"

[Антон Антон]

stanislavkm, в данном случае - не обязательно. если б он был reverse-shift - тогда да. Это просто синтаксис обычного js, ничего сверхсложного.