javascript - vue class綁定問題

Question

<p class="class-status" v-if="item.is_entered==1" v-bind:class="[{'class-status-play' : (dateTimeDiffLive(item.timeline) || item.live_status==1)},{'class-status-play-no' : item.live_status==2 || item.live_status==0}]">已占座</p>

兩個分歧條件，

1、dateTimeDiffLive() 成立時或 item.live_status==1 設定 class-status-play 顯示；

2、item.live_status !=1 時 class-status-play-no 顯示

{{# if(item.live_status==2) }}

    class-status-play-no

{{ else }} 

{{# if(item.is_entered==1) }} 

    {{# if(dateTimeDiff1(item.timeline)) }}

        class-status-play

    {{ else }}

        class-status-play-no

    {{/if}}

{{/if }}

{{/if }}    

Answer 1

:class="[item.live_status==2?'class-status-play-no':(item.is_entered==1?(dateTimeDiff1(item.timeline)?'class-status-play':'class-status-play-no'):'')]"

把這個條件做成一個固定值。用三目運算子