vue class binding based on multiple values

Question

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?

biillitil · Accepted Answer · 2020-03-26 18:25:34Z

1

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

answered Mar 26, 2020 at 18:25

biillitil

1412 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

vue class binding based on multiple values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related