下面我就為大家分享一篇vue2.0 根據狀態值進行樣式的改變展示方法，具有很好的參考價值，希望對大家有所幫助。
使用者在進行流程操作的時候，一般分為進行中，未開始，已完成，前端頁面就要進行對應的狀態區分展示。這裡測試的是背景顏色區分。
demo：
<span class="contract-span" :class="statusText[item.status][0]">{{statusText[item.status][1]}}</span>
statusText: {
0: ['span-delay', '进行中'],
1: ['span-finish', '已完成'],
2: ['span-rough', '未开始'],
},//显示状态#在迴圈遍歷中進行對status賦值，就可以實現不同狀態下，顯示不同的背景色。
上面是我整理給大家的，希望今後對大家有幫助。
相關文章：
以上是vue2.0 根據狀態值進行樣式的改變展示方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
