当前位置: 首页 > news >正文

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

        }

}

http://www.lryc.cn/news/475257.html

相关文章:

  • JZ2440开发板——LCD
  • YOLOv6-4.0部分代码阅读笔记-yolo_lite.py
  • 奇瑞汽车:降阶模型在新能源汽车热管理仿真上的应用
  • 传统的自然语言处理评估指标
  • WPF+MVVM案例实战(十七)- 自定义字体图标按钮的封装与实现(ABC类)
  • Redis数据结构:List类型全面解析
  • 人工智能证书合集
  • php开发实战分析(8):优化MySQL分页查询与数量统计,提升数据库性能
  • shell脚本案例:RAC配置多路径时获取磁盘设备WWID和磁盘大小
  • Android Framework AMS(10)广播组件分析-1
  • 在 Node.js 中使用 .env 文件
  • CesiumJS 案例 P19:添加矩形、监听鼠标左击、监听鼠标右击、监听鼠标移动
  • 路测毫米波雷达标定和目标跟踪
  • 【sqlmap使用手册-持续更新中】
  • 面向对象三大特征之一:封 装
  • qt QMenuBar详解
  • ESP32的下的蓝牙应用笔记(1)——Beacon蓝牙信标
  • 控制台安全内部:创新如何塑造未来的硬件保护
  • 如何选择适合自己的 Python IDE
  • Matlab车牌识别课程设计报告模板(附源代码)
  • kubesphere jenkins自动重定向 http://ks-apiserver:30880/oauth/authorize
  • Vue3访问页面时自动获取数据
  • go语言回调函数的使用
  • 区块链学习笔记(一)
  • 解决QT打包发布App Store时(90238)错误
  • 使用Vite构建现代化前端应用
  • PyQt入门指南三十八 QWizard向导组件
  • 【数学二】线性代数-矩阵-矩阵的概念及运算
  • 近期学习前端的心得
  • qt QMenu详解