Vue2:el-table中的文字根据内容改变颜色

ops/2025/1/12 2:25:55/

想要实现的效果如图,【级别】和【P】列的颜色根据文字内容变化

1、正常创建表格

<template><el-table:data="tableData"style="width: 100%"><el-table-column prop="id" label="ID"/>      <el-table-column prop="subject" label="Bug标题"/>      <el-table-column prop="severity" label="级别"/>      </el-table></template>

2、添加作用域插槽

在el-table-column中定义一个作用域插槽,在作用域插槽中,可以通过scope对象来访问el-table列中的数据,并使用:style绑定内联样式来设置文字颜色。


http://www.ppmy.cn/ops/149318.html

相关文章

错误的类文件: *** 类文件具有错误的版本 61.0, 应为 52.0 请删除该文件或确保该文件位于正确的类路径子目录中

一、问题 用maven对一个开源项目打包时&#xff0c;遇到了“错误的类文件: *** 类文件具有错误的版本 61.0, 应为 52.0 请删除该文件或确保该文件位于正确的类路径子目录中。”&#xff1a; 二、原因 原因是当前java环境是Java 8&#xff08;版本52.0&#xff09;&#xff0c;但…

【文件I/O】 总表和分表

在 Linux 系统中&#xff0c;文件操作中涉及的 总表 和 分表 是 文件描述符管理机制中 的两个重要概念。它们分别对应于 系统级别的文件表 和 进程级别的文件表。 总表&#xff08;系统文件表&#xff09; 总表 是 系统级别 的文件表&#xff0c;记录系统中所有打开文件的信息…

Ubuntu 24.04 LTS系统安装Docker踩的坑

一开始我跟着Docker给出的官网文档 Ubuntu | Docker Docs 流程走&#xff0c;倒腾了两个多小时&#xff0c;遇到了各种坑&#xff0c;最后放弃了。在我们使用脚本安装Docker命令前&#xff0c;我们先把已经安装的Docker全部卸载掉。 卸载Docker 1.删除docker及安装时自动安装…

Stable Diffusion本地部署教程(附安装包)

想使用Stable Diffusion需要的环境有哪些呢? python3.10.11(至少也得3.10.6以上):依赖python环境NVIDIA:GPUgit:从github上下载包(可选,由于我已提供安装包,你可以不用git)Stable Diffusion安装包工具包: NVIDIA:https://developer.nvidia.com/cuda-toolkit-archiv…

Spring5框架之SpringMVC

目录 1.SpringMVC的入门案例 1.1 通过maven构建一个web项目 1.2 添加对应的依赖及Tomcat插件 1.3 创建SpringMVC的配置文件 1.4 在web.xml中注册DispatchServlet 1.5 创建自定义的Controller 1.6 在Springmvc配置文件中注册 原理分析&#xff1a; 2.SpringMVC基于注解的…

自动驾驶3D目标检测综述(七)

本章紧接上一章内容&#xff0c;讲述第九章的内容&#xff1a;在驾驶系统中的3D目标检测。 目录 一、自动驾驶端到端学习 &#xff08;一&#xff09;问题和挑战 &#xff08;二&#xff09;联合感知和预测 &#xff08;三&#xff09;联合感知、预测和规划 &#xff08;四…

机器人避障不再“智障”:HEIGHT——拥挤复杂环境下机器人导航的新架构

导读&#xff1a; 由于环境中静态障碍物和动态障碍物的约束&#xff0c;机器人在密集且交互复杂的人群中导航&#xff0c;往往面临碰撞与延迟等安全与效率问题。举个简单的例子&#xff0c;商城和车站中的送餐机器人往往在人流量较大时就会停在原地无法运作&#xff0c;因为它不…

uniapp 使用 pinia 状态持久化

1.创建文件 stores -index.js -global.js2.对应文件内容 index.js 安装插件 npm i pinia-plugin-persistedstate import { createPinia } from pinia; import persist from pinia-plugin-persistedstate; const pinia createPinia(); pinia.use(persist); export default pi…