需求：过滤表格中的异常数据，并标红显示。

image.png

异常数据：

image.png

解决办法：用【template】

image.png

1、这个表格里面，【当前值】的判断并不是一种，里面有“温度”、“湿度”、“阳光”、“二氧化碳”四种不同种类的数据，判断的异常标准也不同；

2、我的思路是，当某个单元格显示数据时，肯定能获取当前显示对象的其他值，用scope.row判断当前的种类是哪一种，再依据各判断标准就好了

在此举温度为例：这是异常判断

image.png

因为上面是v-if，在下面再写其他种类异常判断的时候，用【v-if-else】，格式与上述【空气温度】一模一样，只是里面判断标准的值改变一下。

image.png

所有的异常都判断好了之后，在最后接一个【v-else】，写正常数据显示的样式

image.png

---

---

---

卧槽上面写的太乱了

关键改一点就好：用【template】

<el-table-column prop="subject" label="主题">
</el-table-column>
<el-table-column label="邮件状态">
        <template slot-scope="scope">
                <span v-if="scope.row.status == 0" class="font-theme-color">其他状态</span>
                <span v-if="scope.row.status == 1" class="font-theme-color">发信中</span>
        </template>
</el-table-column>