javascript - Bagaimana untuk menambah gaya pada elemen vue

Question

Masalah utama ialah: ingat untuk $index传递一个index然后就好办了, 怎么知道当前tr渲染是的是第几行数据, 如何用computedlakukan sebelum

Saya mahu menukar warna teks

Kod saya:

Answer 1

Tulis gaya dan kemudian ikat secara dinamik: class ="{green:true,red:false....}"

Answer 2

Anda menggunakan rangka kerja elemen-ui, tambah kelas dalam el-table里有这么一个属性row-class-name，是一个回调函数，可以给table-cell. Untuk butiran, anda boleh menyemak laman web rasmi, di bahagian bawah.
Contohnya: (paparkan warna latar belakang yang berbeza dengan menilai nilai dalam deretan data)
template

<el-table :data="roleMenuTable" border style="width: 100%" :row-class-name="tableRowClassName">

skrip

methods: {
    // 已选择渲染样式
    tableRowClassName (row, index) {
      if (row.operation) {
        return 'info-row'
      } else {
        return ''
      }
    }
    }

gaya

<style>
.el-table .info-row{
  background: #5CB85C;
}
</style>

Kesan:

Answer 3

现在也可以啊，把v-for改成v-for="(item, index) in lists",inde就是索引了