vue 如何多个元素绑定同一事件

Question

非循环的 动态添加某个class 比如 :class="{active:isActive}"
点击事件 this.isActive=!this.isActive 实现类似toggleClass的功能
但是有很多个元素绑定这一个事件 但是又不能再data里面定义无数个参数 而且这个也不是循环 获取不到当前index 
该如何解决呢？

Answer 1

我用的办法比较笨，还是利用的index值，不过换了一种方式看看能不能帮到你：<p @click="handleClicks(1)" :class="{actives:1===limit}">1</p><p @click="handleClicks(2)" :class="{actives:2===limit}" >2</p><p @click="handleClicks(3)" :class="{actives:3===limit}">3</p><p @click="handleClicks(4)" :class="{actives:4===limit}" >4</p><p @click="handleClicks(5)" :class="{actives:5===limit}" >5</p><p @click="handleClicks(6)" :class="{actives:6===limit}">6</p>data(){limit:0}handleClicks(id){this.limit=id}