2.若依vue表格数据根据不同状态显示不同颜色style

例如国标显示蓝色,超标是红色
使用是蓝色,未使用是绿色

<el-table-column label="外卖配送是否完成评价" align="center" prop="isOverFlag">

<template slot-scope="scope">

<div :style="{'color':scope.row.isOverFlag==='0'?'#ff4949':'#1ab394'}">

{{switchFormat(scope.row.isOverFlag)}}

</div>

</template>

</el-table-column>

记得在后面的methods: {中加上

switchFormat(v) {

if (v === 0 || v === '0') {

return '未完成'

} else if (v === 1 || v === '1') {

return '已送达'

}

}

相关推荐
小poop11 小时前
从“雷峰塔”到“对象”:JavaScript基础语法入门指南
前端·javascript
ReStock活库11 小时前
Zephyr异步SPI调用返回后,为什么不能立即复用发送缓冲区?
java·前端·网络
计算机魔术师11 小时前
半年营收163亿,算力债却到7800亿,这账谁算得清
前端
chunyublog12 小时前
HDFS 上传文件名空格问题排障教程
前端·javascript·npm
?abc!12 小时前
(贪心)621. 任务调度器
java·前端·c#
摸鱼仙人~12 小时前
校招帮简历字段匹配架构分析报告
java·前端·架构
陈随易13 小时前
副业搞钱点子之赛事与活动
前端·后端·程序员
电梯界知识分子13 小时前
景德镇老房重新设计阶段规划楼梯与电梯,1.7m×1.6m空间装400kg观光电梯,棕色框架茶色玻璃适配中式装修
大数据·服务器·前端·网络·家用电梯
Shell运维手记13 小时前
Shell 脚本入门课堂讲解
前端·chrome
Profile排查笔记13 小时前
有哪些开源指纹浏览器项目?先核对客户端、内核与许可证
前端·人工智能·后端·自动化