Vue中使用element-ui中的el-table时修改列的字体颜色

方法

在el-table-column中添加自定义模版样式进行修改。

示例代码

<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>