這篇文章主要介紹vue2.0如何根據(jù)狀態(tài)值進行樣式改變，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站是一家專業(yè)提供鹽田企業(yè)網(wǎng)站建設,專注與成都網(wǎng)站建設、成都網(wǎng)站制作、H5開發(fā)、小程序制作等業(yè)務。10年已為鹽田眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設公司優(yōu)惠進行中。

用戶在進行流程操作的時候，一般分為進行中，未開始，已完成，前端頁面就要進行相應的狀態(tài)區(qū)分展示。這里測試的是背景顏色區(qū)分。

demo：

{{statusText[item.status][1]}}

   statusText: {
    0: ['span-delay', '進行中'],
    1: ['span-finish', '已完成'],
    2: ['span-rough', '未開始'],
   },//顯示狀態(tài)

在循環(huán)遍歷中進行對status賦值，就可以實現(xiàn)不同狀態(tài)下，顯示不同的背景色。

以上是“vue2.0如何根據(jù)狀態(tài)值進行樣式改變”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！