基于数组中的键值对有条件地应用css类，VueJS

我有一个数组，如下图所示。如何根据VueJS中数组的键

sender\u id

向

添加条件CSS类

条件： 1） 如果

sender\u id！=发送者id

：添加到达类 2） 如果

sender\u id==sender\u id

：添加传递类

目标是根据聊天应用程序中收到或传递的消息添加CSS样式

使用三元操作：

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

{{message}

使用三元操作：

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

{{message}