javascript - masalah mengikat kelas 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>

Dua syarat perbezaan,

1 Apabila dateTimeDiffLive() ditubuhkan atau item.live_status==1 ditetapkan, kelas-status-play dipaparkan;

2. Apabila item.live_status !=1, kelas-status-play-no dipaparkan

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

Jadikan syarat ini sebagai nilai tetap. Gunakan operator ternary