javascript - problème de liaison de classe vue

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>

Deux conditions de divergence,

1. Lorsque dateTimeDiffLive() est établi ou que item.live_status==1 est défini, class-status-play s'affiche

 ;

2. Lorsque item.live_status !=1, class-status-play-no s'affiche

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

Faites de cette condition une valeur fixe. Utilisez l'opérateur ternaire