Saya memiliki tabel di mana td-s diatur seperti ini:

<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 dan idy mengacu pada indeks baris dan kolom di for loop. item adalah objek yang dihasilkan dari larik objek tempat saya menyimpan dua nilai untuk setiap hari dalam sebulan, yang asli dan yang sekarang. Saya ingin mengubah warna di mana data saat ini ditampilkan berbeda dari nilai aslinya. Bagaimana saya bisa mencapai ini? Terima kasih.

0
barych 3 Mei 2020, 19:52

1 menjawab

Jawaban Terbaik

Anda dapat menggunakan v-bind:class="{ yourStyle: yourCondition }" di <td> yang ingin Anda ubah warnanya.

0
Crane 3 Mei 2020, 16:56