Изменить цвет шрифта специфика c <td>с логикой

Question

У меня есть таблица, где td-s установлены так:

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<template v-slot:body="{items}">
      <tbody>
        <tr v-for="(item,idx) in items" :key="idx">
          <td>{{item.nick}}</td>
          <td>{{item.cat}}</td>
          <td v-for="(header,key) in dayNumbers" @click="edit(idx, header)" :key="key">
            <v-layout justify-center>{{item[header]}}</v-layout>
          </td>
        </tr>
      </tbody>
</template>

idx и idy относятся к индексу строки и столбца в циклах for. items - это объект, сгенерированный из массива объектов, в котором я сохраняю для каждого дня месяца два значения, оригинал и ток. Я хотел бы изменить цвет, в котором текущие отображаемые данные отличаются от исходного значения. Как я мог этого добиться? Спасибо.

Answer 1

Вы можете использовать v-bind:class="{ yourStyle: yourCondition }" в <td>, чтобы изменить цвет.