共计 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;}
正文完