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

问题已解决 楼上方法可行