单击事件与双击事件冲突的解决

有一次要在一个元素上进行单击和双击，但是双击的时候会触发两次单击事件

<p @click='golick()'   @dblclick="toDbClick()">点击</p>

　　下边是执行方法

golick(){
                clearTimeout(this.timer); 
                this.timer=setTimeout(function(){
                   //执行你的单击事件
                },300)
}    

　　双击

  toDbClick(){
                clearTimeout(this.timer); 
              //执行双击的方法
            }

　　原理就是判断300毫秒内是否点击第二次，如果没有就是单击，如果有就是双击