今天遇到一个需求就是,就是当点击一个按钮的让按钮的颜色不一样,因为这个是循环出来的,所以说点击的时候点哪个就把哪个的id或者下标(index)传过去就好了。就需要动态添加类名。
html"><a-row>
<a-col :span="4" v-for="(item,index) in contentSize" :key="index">
<div class="content" @click="quearyEvear(item.number,item.id,index)" :class='{active:index==dynamic}'>
{{ item.name }}
</div>
</a-col>
</a-row>
data () {
return {
dynamic: false
}
}
quearyEvear (number, id, index) {
console.log(index)
this.dynamic = index
},
.active {
color: white;
background-color: #1890ff;
}