1. 程式人生 > 其它 >不同的值賦值不同的顏色

不同的值賦值不同的顏色

技術標籤:element UI不同的值賦不同的顏色element值賦色

問題:如何給表格中的文字新增想要的顏色?及根據不同的值顯示不同的顏色?

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210202171859899.png在這裡插入圖片描述在這裡插入圖片描述
圖一:是給直接給值新增顏色,寫法:簡單的就是直接寫定就可以了。
在這裡插入圖片描述

<el-table-column align="center" prop="infaust_geologicbody_name" label="不良地質體名稱" width="" >
<template slot-scope="scope"> <span style="color:red;">{{ scope.row.infaust_geologicbody_name}}</span> </template> </el-table-column>

圖二:是根據不同的值來顯示不同的顏色,寫法:簡單的就是給不同的值給定不同顏色,值根據值對應選擇對應的顏色,並展示就