如上圖所示是一個列表遍歷出來的結果，數據狀態如下：

list: [{id: 1,src: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3064584167,3502823640&fm=26&gp=0.jpg',name: '齊天大腎',status: 0,weapon: 'AWP',dec: '二西莫夫',flag: 1,time: '19:12:07'},{id: 1,src: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2942768066,1968228911&fm=26&gp=0.jpg',name: '玉皇大帝',status: 0,weapon: 'AWP',dec: '二西莫夫',flag: 2,time: '19:12:07'},{id: 1,src: 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1158873959,778733211&fm=26&gp=0.jpg',name: '齊天大腎',status: 0,weapon: 'AWP',dec: '二西莫夫',flag: 3,time: '19:12:07'},{id: 1,src: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2240667863,2590562024&fm=26&gp=0.jpg',name: '觀音菩薩',status: 0,weapon: 'AWP',dec: '二西莫夫',flag: 4,time: '19:12:07'}]

如果要實現文字根據不同的狀態擁有不同的顏色，需要怎么做呢？

然后就成功的在每元素上面加上了不同的類

總結

以上是生活随笔為你收集整理的遍历元素根据状态显示不同颜色的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。