vue에서 조건부 클래스와 조건부 클래스의 결합

vue에서 조건부 클래스와 조건부 클래스의 결합

나는 vue 매개 변수의 값을 사용하여 클래스를 설정해야 한다.또한 vue 매개 변수가 특정 값인지에 따라 클래스를 조건부로 설정해야 한다.아래 두 가지 기능을 하나의 클래스 과제에 통합할 수 있는가?

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

배열을 사용하면 다음과 같이 할 수 있다.

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

참조URL: https://stackoverflow.com/questions/53640520/combining-conditional-and-non-conditional-classes-in-vue