在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>