在 vue 中组合条件类和非条件类

Question

我需要使用 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>