Vue中 v-for 生成样式并默认选中第一个样式

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,谢谢作者