[Vuejs]-Conditionally apply css class based on key value pair in a array, VueJS

17 November 2023 by thecoderscamp.com

2👍

✅

<div v-bind:class="{ 'myClass1': sender_id === sender_id, 'myClass2': sender_id !== sender_id }" class="otherClass"></div>

1👍

Use ternary operation:

<span :class="todo.sender_id === sender_id ? 'delivered' : 'arrived'">{{message}}</span>