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;
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。