vue区分单双击事件

基本思路：

利用setTimeout(()=>{},200)，使单击事件在200s后再执行，如果200s内触发了双击事件，则使用clearTimeout(this.timeOut)清除该计时器，取消单击事件的执行，执行双击事件。

代码如下：

//定义变量
data(){
    return{
        time:200
    }
}





methods:{
    //单击事件
    click(){
        clearTimeout(this.timeOut);
        this.timeOut = setTimeout(() => {
            //业务代码
        },this.time)
    },
    //双击事件
    dblClick(){
        clearTimeout(this.timeOut);
        //业务代码
    },
｝