Javascript – Problem mit der Vue-Klassenbindung

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>

Zwei Divergenzbedingungen,

1. Wenn dateTimeDiffLive() eingerichtet oder item.live_status==1 gesetzt ist, wird class-status-play angezeigt

2. Wenn item.live_status !=1 ist, wird „class-status-play-no“ angezeigt

{{# 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'):'')]"

把这个条件做成一个固定值。用三目运算符