html代码
<div v-for="(item,index) of 数组名" :key="index" :class="active==index ? 'activeClass' : ' ' ">
<div @click="change(index)" ></div>
</div>
js代码
export default {
data() {
return { //默认选中第一个 active:0 }
}，
methods:{
change(){ //把index值赋给active，点击改变样式 this.active=index; }
}
}
css代码
.activeClass{ color:#ca151e; border: 1px solid #ca151e; }
本文引于https://blog.csdn.net/weixin_41599291/article/details/92825484,谢谢作者