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

29次阅读

共计 300 个字符,预计需要花费 1 分钟才能阅读完成。

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

正文完
 0