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索引自定义切换显示隐藏
循环的情况： 1、点击时传入index索引（获取当前点击的是哪个） 2、将索引值传入class（索引等于几就第几个...
循环的情况： 1、点击时传入index索引（获取当前点击的是哪个） @click="active(index)" ...
如下： 源文件来自于：https://www.jb51.net/article/136537.htm[https:...
vue实现click点击当前li，动态切换class的原理是什么？
首先设置参数初始值 首先根据条件判断 style="choseValue == 'choseone'?mapSty...
实现 下方效果点击切换TableView创建 点击切换
1. tab栏切换 实现方法：点击li获取当前li，对应的li添加active，在每个li里自定义一个data-t...
TextView两图片实现点击切换开关效果： ImageView、Button两图片实现点击切换开关效果：
1.vue-router配合ElementUI实现导航加:default-active="$route.path"...
1. 关于vue路由切换总是默认添加一个class router-link-exact-active 对应生成的H...
本文标题：vue实现active点击切换
本文链接：https://www.haomeiwen.com/subject/ldcsvctx.html
网友评论