vue中使用better-scroll @click事件执行两次，求各位帮忙解决

Question

vue中使用better-scroll @click事件执行两次，请问怎么解决

Answer 1

同出过该问题，备注一下：
一开始以为跟项目中的fastclick冲突，后确认非该原因导致。
官网Demo也没有类似问题，最后暂时改为@[e-mail]模拟@click。
示例代码：

<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>

Answer 2

@click.native

Answer 3

问题已解决 楼上方法可行

Answer 4

@click.native 直接报错

Answer 5

使用这个方法也可以解决点击触发2次
<button v-on:click.stop.prevent="onClick"></button>