Use the better-scroll @ click event in vue to execute twice, and ask for your help to solve the problem.

Use the better-scroll @ click event in

vue to execute twice, how to solve

Html javascript vue.js
Mar.24,2021

has also had this problem. Note:
initially thought it was in conflict with fastclick in the project, but later confirmed that it was not caused by this reason. The
official website Demo does not have a similar problem. Finally, it is temporarily changed to @ touchstart + @ touchend.stop.prevent to simulate @ click .
sample code: 

<template>
  <button @touchstart="start($event)" @touchend.stop.prevent="stop($event)">Test</button>
</template>

<script>
  export default {
    methods: {
      start ($event) {
        this.startY = $event.touches[0].pageY
      },
      stop ($event) {
        const moving = Math.abs($event.changedTouches[0].pageY - this.startY)
        if (moving > 20) return
        this.startY = 0
        console.log('click')
      }
    }
  }
</script>
@ click.native

problem solved the upstairs method is feasible

@ click.native directly report an error

this method can also be used to trigger 2 clicks
< button Vignon br. Stop.principent= "onClick" > < / button >

Previous: How do I change the files installed by node modules to the project directory in the vue project?

Next: How to accurately remove the double quotation marks after the variable without regularization

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu