今天小編給大家分享一下如何在vue中動態(tài)綁定class選中當前列表變色的相關(guān)知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設(shè)計、成都做網(wǎng)站、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)原平,十余年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108

在methods中寫入一個方法

clickcategory(index){ // 這里我們傳入一個當前值
　　this.categoryIndex = index
}

然后需要在data里面注冊一下

data() {
   return {
    categoryIndex: 0, //點擊當前背景變成白色索引
   }
  },

在css中設(shè)置我們當前選中項為active的類名，并給與一個白色的背景顏色

 .active {
  background: #fff
 }

接下來在html中綁定

以上就是“如何在vue中動態(tài)綁定class選中當前列表變色”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。