Vue.js 基于多个值的vue类绑定

Vue.js 基于多个值的vue类绑定,vue.js,vuejs2,Vue.js,Vuejs2,我试图根据campaignstatus值中的值命名一个类,但当我添加or以检查红色时,它会中断并且不起作用 :class="{orange : campaignStatus.value ==='ARCHIVED' || campaignStatus.value ==='PAUSED'} || {red : campaignStatus.value ==='BANNED' || campaignStatus.value ==='REMOVED'}" 然而这项工作 :class="{orange

我试图根据campaignstatus值中的值命名一个类,但当我添加or以检查红色时,它会中断并且不起作用

:class="{orange : campaignStatus.value ==='ARCHIVED' || campaignStatus.value ==='PAUSED'} || {red : campaignStatus.value ==='BANNED' || campaignStatus.value ==='REMOVED'}"
然而这项工作

:class="{orange : campaignStatus.value ==='ARCHIVED' || campaignStatus.value ==='PAUSED'} 
如何为红色类添加或部分

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