vue双击事件

在Vue中，你可以通过v-on指令来监听元素的事件，包括双击事件。

以下是一个示例，展示了如何在Vue中绑定一个双击事件：

<template>
  <div v-on:dblclick="handleDoubleClick">
    双击我
  </div>
</template>

<script>
export default {
  methods: {
    handleDoubleClick() {
      console.log('双击事件被触发了')
      // 在这里编写处理双击事件的代码
    }
  }
}
</script>

在上面的示例中，我们使用v-on指令来监听dblclick事件，并将其绑定到handleDoubleClick方法上。当用户双击<div>元素时，handleDoubleClick方法将被调用，你可以在这个方法中编写你自己的双击事件处理代码。

你也可以使用Vue的缩写语法@来绑定双击事件：

<template>
  <div @dblclick="handleDoubleClick">
    双击我
  </div>
</template>

这两种方法都是等效的，你可以根据自己的喜好和习惯选择使用哪种。