关于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;
}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理