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
}