Объединение условных и безусловных классов в vue

Question

Мне нужно установить класс, используя значение vue в параметре vue.Кроме того, мне нужно условно установить класс в зависимости от того, является ли параметр vue определенным значением.Можно ли объединить две нижеуказанные функции в одно задание класса?

<button :class="'btn btn-primary modal modal-' + modal.id" 
        :class="{'modal-active' : modal.active}">
</button>

Answer 1

Вы можете сделать это следующим образом, используя массив:

   <div v-bind:class="[{'modal-active' : modal.active}, 'btn btn-primary modal modal-' + modal.id]"></div>