Привязать несколько классов к одной переменной

Question

При использовании Tailwind с подходом «сначала утилита» к css я часто нахожу необходимость привязать несколько классов к одной переменной.

Например, для стилизации формы ввода мне нужно добавить border-red, color-red, et c, если есть ошибка.

Есть ли хороший и элегантный способ express это в Vue вместо записи v-bind:class="{ 'border-red': error, 'text-red': error }?

Answer 1

Вы можете объединить оба класса в одно свойство:

:class="{ 'border-red text-red': error }"