vue如何根據返回的值對元素進行樣式渲染


1、最終顯示樣式:

需要:根據任務狀態值,顯示不同顏色的原點表示任務狀態,以及對優先級的數據,進行☆標記

 

2、代碼實現:

  在<el-table-column>中需要顯示的內容前面,添加圖標元素,並添加對應的class樣式。

  其中,addclassStatus以及addclassPriority兩個方法是自己定義的計算,根據屬性值計算class樣式的方法

3、在vue中的 export default 中的methods中進addclassStatus以及addclassPriority方法的計算和賦值

4、在css文件中定義css樣式

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM