Question

vue.js怎么实现单击时添加class双击时取消class

Answer 1

cancel(e) {
let element = e.currentTarget;
if (element.classList.contains('active')) {
element.classList.toggle('active');
}
},
toggle(e) {
let element = e.currentTarget;
if (!element.classList.contains('active')) {
element.classList.toggle('active');
}
}

html代码
<button v-for = "item in months16"
@dblclick.prevent="cancel($event)"
@click.prevent="toggle($event)"
>{{item}}</button>