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

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.kler.cn/a/378422.html

相关文章:

  • 基于FPGA的可控分频器设计与应用
  • 力扣排序350题 两个元组的交集2
  • Java 实现接口幂等的九种方法:确保系统稳定性与数据一致性
  • VSCode 1.82之后的vscode server离线安装
  • 2024江苏省网络建设与运维省赛Linux(十) mariadb 服务
  • Golang | Leetcode Golang题解之第524题通过删除字母匹配到字典里最长单词
  • 【Flask框架】10、Flask项目拆分规范
  • 论文略读:Self-Knowledge Guided Retrieval Augmentation for Large Language Models
  • SQL之排名窗口函数RANK()、ROW_NUMBER()、DENSE_RANK() 和 NTILE() 的区别(SQL 和 Hive SQL 都支持)
  • C++ 多态原理
  • 提升教育质量:SpringBoot在线试题库系统
  • 微服务保护相关面试题
  • OpenAI官方提供撰写提示词最佳实践
  • Python3 No module named ‘pymysql‘
  • 【解决方案】微信小程序如何使用 ProtoBuf 进行 WebSocket 通信
  • 0,国产FPGA(紫光同创)-新建PDS工程
  • Java爬虫:在1688上“照片快递”上传图片
  • 【P2-3】ESP8266 WIFI模块在STA模式下作为TCP服务器与多个电脑/手机网络助手(TCP客户端)通信——TCP数据透传
  • 贪心算法(Greedy Algorithm)
  • 计算机毕业设计——ssm基于SSM框架的华建汽车出租系统设计与实现演示录像2021
  • 线性代数:Matrix2x2和Matrix3x3
  • FFmpeg 4.3 音视频-多路H265监控录放C++开发八,使用SDLVSQT显示yuv文件 ,使用ffmpeg的AVFrame
  • 大模型的常用指令格式 --> ShareGPT 和 Alpaca (以 llama-factory 里的设置为例)
  • 力扣(leetcode)每日一题 3259 超级饮料的最大强化能量|动态规划
  • 偏差与方差的基本概念
  • guit fok 更新代码