鍍金池/ 問答/HTML/ vue中使用better-scroll @click事件執(zhí)行兩次,求各位幫忙解決

vue中使用better-scroll @click事件執(zhí)行兩次,求各位幫忙解決

vue中使用better-scroll @click事件執(zhí)行兩次,請問怎么解決

回答
編輯回答
九年囚

@click.native

2018年4月22日 12:59
編輯回答
別瞎鬧

同出過該問題,備注一下:
一開始以為跟項目中的fastclick沖突,后確認非該原因導致。
官網Demo也沒有類似問題,最后暫時改為@touchstart+@touchend.stop.prevent模擬@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>
2017年5月3日 22:07
編輯回答
青瓷

問題已解決 樓上方法可行

2017年1月28日 10:53