基本思路:
利用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);
//业务代码
},
}