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 '已送达'

}

}

相关推荐
zhiSiBuYu05174 分钟前
Claude-Code 新手极速上手指南
javascript·node.js
郑洁文23 分钟前
可视化Web渗透分析工具的设计与实现
前端
罗超驿42 分钟前
18.Web API 实战:元素与表单属性的获取和修改
开发语言·前端·javascript
边界条件╝42 分钟前
微前端进阶(四)
前端·状态模式
无风听海1 小时前
JSON Web Token(JWT)完全指南
java·前端·json
山河已无恙1 小时前
BPF-eBPF 开发路线二:libbpf、CO-RE 与 libbpf-bootstrap认知
javascript·bootstrap·php
IT_陈寒1 小时前
Python闭包里藏的这个坑,差点让我加班到凌晨
前端·人工智能·后端
IT_陈寒1 小时前
Java注解空指针?这个坑我踩得莫名其妙
前端·人工智能·后端
H0r1zon.2 小时前
PinCopy:双击 Ctrl,把剪贴板「钉」在屏幕上
前端
kyriewen2 小时前
大厂面试新规:不会用AI编程,直接挂
前端·面试·ai编程