js中classlist怎么使用

Posted 2023-04-19

参考技术A 前，jQuery的hasClass、addClass、removeClass我们已经再熟悉不过了，然而我们并不会在每一个项目中都会去使用jQuery或者Zepto，譬如在移动端的网页中，考虑到传说中的性能和静态资源的请求量等因素，我们通常会选择采用原生js，而对于元素的class操作。

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

参考技术A 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>本回答被提问者采纳