CODEWITHSUNDEEP
vue.jsvuejs2
biillitil
biillitil

Reputation: 141

vue class binding based on multiple values

I am trying to name a class based on the value i have in campaignstatus value but when i added the or to check for red it breaks and doesnt work

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

however this work

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

how can i add the or part for the red class?

Upvotes: 0

Views: 94

Answers (1)

biillitil
biillitil

Reputation: 141

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

Upvotes: 1

Related Questions