VUE实现table-column特定值修改颜色，其他情况保持原值_v-if 切换颜色el-table-column

代码

<el-table-column prop="level" label="级别">
    <template scope="scope">
        <span v-if="scope.row.level=='严重'" style="color: red">严重</span>
        <span v-else>{{scope.row.level}}</span>
    </template>
</el-table-column>
1
2
3
4
5
6

参考资料和代码：

https://www.cnblogs.com/tzwbk/p/12667695.html

<el-table-column prop="isPass" label="是否通过">
    <template scope="scope">
        <span v-if="scope.row.isPass==='审核通过'" style="color: green">审核通过</span>
        <span v-else-if="scope.row.isPass==='待审核'">待审核</span>
        <span v-else style="color: red">未通过</span>
    </template>
</el-table-column>
1
2
3
4
5
6
7