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

}

}

相关推荐
踩蚂蚁13 小时前
把自定义唤醒词部署到 ESP32-S3:ONNX 转 INT8 TFLite 的完整链路
前端
前端繁华如梦13 小时前
用 Vite + Electron + React + Python 重造 3D 服装打版软件
前端
豆沙沙包?13 小时前
函数重载/类和对象(P14-P60)
前端·算法
丁婷婷13 小时前
Reflect 在 Vue3 响应式中的作用是什么?
vue.js
三十而立洋13 小时前
彻底搞懂跨域:原理、CORS、解决方案与实战避坑
前端
xiaominlaopodaren13 小时前
three.js最小地图运行时(十):接入离线逻辑瓦片剖面
javascript·gis·three.js
计算机魔术师13 小时前
ASR转录总出错?Google新模型WER降到2.6%,还能自动帮你改口误
前端
吃西瓜的年年13 小时前
vue3原理思维导图
vue.js·笔记·flutter
xcs1940513 小时前
新版 IDEA(尤其是 2024/2025/2026)越来越臃肿
前端·人工智能·intellij-idea
Patrick_Wilson13 小时前
iOS 第三方浏览器图片下载失败问题
前端·ios·浏览器