乐趣区

关于vue.js:vue中vfor循环选中点击元素并添加样式

v-for 循环时,点击某一个元素并对该元素增加款式,这里用到 v -for 循环的 index 索引,代码如下:
html:

<div v-for="(item,index) in itemList" :class="{'onClickStyle':clickFlag == index}" @click="onClickItem(index)">
    {{item.name}}
 </div>

data 中初始化该变量

data(){
  return{clickFlag:-1,}
}

js:

onClickItem(index){this.clickFlag = index;}

css

.onClickStyle{background: #cfcfcf;}
退出移动版