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