vue привязка класса на основе нескольких значений

Question

Я пытаюсь назвать класс на основе значения, которое у меня есть в значении кампании, но когда я добавил или для проверки на красный, он ломается и не работает

:class="{orange : campaignStatus.value ==='ARCHIVED' || campaignStatus.value ==='PAUSED'} || {red : campaignStatus.value ==='BANNED' || campaignStatus.value ==='REMOVED'}"

однако эта работа

:class="{orange : campaignStatus.value ==='ARCHIVED' || campaignStatus.value ==='PAUSED'} 

как я могу добавить или часть для красного класса?

Answer 1

:class="{orange : campaignStatus.value ==='ARCHIVED' || campaignStatus.value ==='PAUSED', red : campaignStatus.value ==='BANNED' || campaignStatus.value ==='REMOVED'}"