vue for循環 點擊動態改變樣式

轉自 https://blog.csdn.net/katydids/article/details/83830002 

 

vue點擊時動態改變樣式

template中

<li :class="{ active:index==isActive }"  @click="changeValue(index)" 
v-for="( item , index ) in items" :key="item.name">{{item.CategoryName}}</li>

data中

isActive:false,

methods中

 changeValue(index, item){
       this.isActive=index;
        console.log(item);
  }