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

问题描述

问 题

要实现双击取消class 单击添加class
想问下我这个标签拿button 好实现还是input为checkbox 好实现？

解决方案

已经实现了

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>

这篇关于javascript - vue.js怎么实现单击时添加class双击时取消class？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！