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;
}
发表回复