关于vue的使用

Question

最近做项目遇到一个问题,使用vue在一个div上同时添加click和dblclick事件，dblclick事件会触发click事件，怎么样设置才能两个事件互不干扰呢？单击事件和双击事件的冲突如何解决？

Answer 1

，可以利用 setTimeout() 方法来延时完成 click 事件的处理，在需要停止 click 的时候利用 clearTimeout() 方法停止这一事件的处理。这样，就可以比较容易的写出如下的 javascript 代码：data(){     return{         timer:null     } } methods{     // 单击事件     oneClick(){         this.timer &&  clearTimeout(this.timer);         this.timer = setTimeout(function(){            需要做的事情        },300);     }     // 双击事件     twoClick(){        this.timer &&  clearTimeout(this.timer);         需要做的事情     } }