Vue点击切换Class变化实现Active当前样式操作

刚入门Vue没多久,在制作过程中遇到很多简单实用的小技巧。 没有太多的墨水,直接上代码: 一、先在data里增加一个变量,用来储存当前点击的元素 data() { return { activeClass: -1, // 0为默认选择第一个,-1为不选择 }; }, 二、在Template里面的代码,切记在@click方法里面要传index, <li :class="activeClass == index ? 'active':''" v-for="(item,index) in itemList" :key="index" @click="getItem(inde