找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 85|回复: 0

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

[复制链接]

231

主题

2

回帖

826

积分

管理员

积分
826
发表于 2024-11-4 12:23:49 | 显示全部楼层 |阅读模式
方法:
在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>

微信扫一扫,分享更方便

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|代码人 ( 皖ICP备17023346号-3|京公网安备11011402054264号 )

GMT+8, 2024-12-23 10:26 , Processed in 0.112776 second(s), 27 queries .

© 2024 Daimaren.com 版权所有

快速回复 返回顶部 返回列表