vue实现点击后动态添加class及删除同级class

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue实现点击后动态添加class及删除同级class相关的知识,希望对你有一定的参考价值。

参考技术A 大体思路:声明一个初始变量currentIndex,为0 就是第一个,为1就是第二个默认显示。点击的时候传入的currentIndex=index

html:

js:

css:

延伸拓展:
同样道理的,点击父级,改变对应子集的class,要如何做呢~

html:

注意:由于是循环,所以在最外层要套个<div>
js:

以上是关于vue实现点击后动态添加class及删除同级class的主要内容,如果未能解决你的问题,请参考以下文章

vue 2.0 点击添加class,同时删除同级class

vue点击当前元素添加class 删除兄弟元素的class

vue1.0+vue2.0实现选项卡

vue中点击div里的当前元素添加class删除其他兄弟元素的class?

C#中DataTable动态添加行和删除行的问题?

vue2.0 实现click点击当前li,动态切换class