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