Vue中实现通过点击切换active状态的方法

简介：
本文介绍了在Vue框架下如何通过简单的代码实现点击事件来切换元素的激活状态(active)，帮助开发者轻松管理界面动态效果。 循环的情况：点击元素时传入index索引（获取当前点击的是哪个），使用@click=active(index)；将索引值传递给class属性，使得当索引等于某个特定值时为该元素添加active类，即:class={ active: index == ins }。在data中定义ins变量并初始化为0，默认情况下第一个元素带有active类：data{ ins: 0 }。最后，在methods里边定义方法ctive(num) { this.ins = num;}。 非循环的情况：直接在HTML标签内写入点击事件和添加的class样式，例如:class=”{ active: shows == 1}”，表示当shows等于1时为该元素添加active类。