Das mobile Vue-Terminal bestimmt die Richtung, in die der Finger über den Bildschirm gleitet

<div
      @touchstart="Touchstart handhaben"
      @touchend="Berührendes Element handhaben"
      Klasse="slotWrap"
    >

//Bildschirm gleiten//Finger drückt auf den Bildschirm handleTouchstart(event){
  diese.startTime = Date.now()
  this.startX = event.changedTouches[0].clientX
  this.startY = event.changedTouches[0].clientY
},
//Finger verlässt den Bildschirm handleTouchend(event){
  const endTime = Date.now()
  const endX = event.changedTouches[0].clientX
  const endY = event.changedTouches[0].clientY
  //Beurteilen Sie die Dauer des Drückens if(endTime - this.startTime >2000){
    zurückkehren
  }
  //Gleitrichtung let direction = "";
  //Zuerst bestimmen, ob die Gleitdistanz des Benutzers zulässig ist. Wenn zulässig: Gleitrichtung bestimmen. Beachten Sie, dass die Distanz mit dem Absolutwert addiert werden muss, wenn (Math.abs (endX - this.startX) > 10) {
    //Gleitrichtungif(Math.abs(endY -this.startY)>30){
      // console.log("Die Y-Richtung ist zu stark versetzt, daher ist kein Gleiten möglich")
      zurückkehren
    }anders{
      Richtung = EndeX -dieses.StartX >0?"rechts":"links"
    }
  }anders{
    zurückkehren
  }
  //Der Benutzer hat eine gültige Gleitoperation ausgeführt // console.log('direction'+direction)
  wenn(Richtung==='links'){
    wenn (diese.Stromstärken+1 === diese.Liste.Länge) {
      zurückkehren
    }anders{
      diese.Strome++
      //Ereignis this.$emit('getData') auslösen
    }
  }
  wenn(Richtung==='rechts'){
    wenn (this.currents === 0) {
      zurückkehren
    }anders{
      diese.Strömungen--
      //Ereignis this.$emit('getData') auslösen
    }
  }
}