vue自定义长按事件

html代码：

<image
  class="logo-img"
  src="../../static/imgs/login/logo1@2x.png"
  alt
  @touchstart="gtouchstart()" @touchend="gtouchend()" @touchmove="gtouchmove()"
/>

data里面定义一下：

data(){
 return{
	timeOutEvent:0,
	longclick:false,
	}
 }

js代码：

    //开始按   
   gtouchstart(){   
       this.longclick=false
       clearTimeout(this.timeOutEvent);
       this.timeOutEvent=setTimeout(() => {
         this.longclick=true  
       }, 5000);//自定义长按时间，然后触发事件
    },
    gtouchmove(){
       clearTimeout(this.timeOutEvent);
       this.timeOutEvent=0;
    },
    //手释放，如果在500毫秒内就释放，则取消长按事件，此时可以执行onclick应该执行的事件   
     gtouchend(){   
        clearTimeout(this.timeOutEvent);//清除定时器   
        if(this.timeOutEvent!=0&&this.longclick==true){
           this.$utils.common.navigateTo("/pages/loginMechine/index");
        }
    },