vue.js - 根据值更改单元格颜色 - VueJs & Vuetify

Question

我正在从 JSON 文件中收集数据。如果值为“OK”，我想将单元格颜色更改为绿色，如果值为“KO”，则更改为红色。我正在使用这样的 v-simple-table ：

<td :class="OK? 'primary' : 'accent'">{{ item.pcb1 }}</td>

使用我的实际解决方案，我的整个专栏都是绿色的。

有人知道如何正确处理吗？

谢谢

标签： vue.jsvuetify.js

Answer 1

看来您打算测试item.pcb1条件类中的值。现在它总是true因为它测试文字字符串“OK”，任何带值的字符串都是真实的。

<td :class="item.pcb1 === 'OK' ? 'primary' : 'accent'">{{ item.pcb1 }}</td>

这种方式测试值item.pcb1而不是文字字符串。