关于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);

         需要做的事情

     }

 }