当我点击屏幕时，该函数被调用两次

Question

当我点击元素时，回调函数被调用两次。

我确实尝试了点击事件，没有问题

    <template>
    <div>
      <div v-on:click="tap()">Click</div>
      <a v-hammer:tap="tap">Tap</a>
    </div>
    </template>
    <script>
    export default{
      name: 'say',
      beforeUpdate(){
        console.log('beforeUpdate')
      },
      updated(){
        console.log('updated')
      },
      methods: {
        tap(){
          console.log('Say',Date())
        }
      }
    }
    </script>

我希望回调函数被调用一次

Answer 1

您应该使用 @click.native.prevent 来避免传播，如文档解释的那样： https://v2.vuejs.org/v2/guide/events.html