vue实现active点击切换
2019-10-25 本文已影响0人
混世魔王的小公举
循环的情况：
1、点击时传入index索引（获取当前点击的是哪个）
2、将索引值传入class（索引等于几就第几个添加active）
注：
titleActive:css定义的切换的类
index:索引
titleShow:第几个添加的类
3、在data里面定义titleShow：0（表示默认第一个添加active类）
4、在methods里面添加方法
非循环的情况：
1、在标签内写入点击事件和添加的class样式,在点击事件中传入相对应的索引
注：
:class="{ headActive: show == 1 }就是说当show==1时添加headActive类，否则不添加。
2、在data中定义show
3、在methods中添加方法，然后通过传入的index索引自定义切换显示隐藏
