下面小编就为大家分享一篇Vue实现active点击切换方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

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

循环的情况： 1、点击时传入index索引（获取当前点击的是哪个） click=active(index) 2、将索引值传入class（索引等于几就第几个添加active类） :class={active:index==ins} 3、在data里边添加ins：0（表示默认第一个添加active类） data{ ins：0 } 4、最后在methods里边添加方法 ctive (num) { this.ins=num } 非循环的情况： 1、在标签内写入点击事件和添加的class样式