不同的值賦值不同的顏色
阿新 • • 發佈:2021-02-03
技術標籤: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>
圖二:是根據不同的值來顯示不同的顏色,寫法:簡單的就是給不同的值給定不同顏色,值根據值對應選擇對應的顏色,並展示就