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

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>

VUE页面中通过双击实现复制表格中内容页面预览；

vue中element-ui中的表格鼠标选中行的时候，行class会自动添加一个current-row，所以通过设置这个class控制编辑和不可编辑标签的显示隐藏；

vue中在合并单元格的代码中，obj实际上 *** 作的是td的相关属性。children中的内容是放在td中的。这个内容就类似于上面的template。因为能 *** 作td以及内部的内容，所以这种方法的灵活性更加高。对于单元格合并这种 *** 作来说，只能通过customRender来了；

vue中简单的点击事件，可以通过简单地template调用点击事件。也可以方便的传参数。

---