Vue3中的单击双击事件

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

<script setup>   import { ref } from 'vue'   let timer = ref('')     const handleClick= () => {     if(timer.value) {       clearTimeout(timer.value)     }     timer.value = setTimeout(() => {       console.log('单击事件')       //你的操作     }, 300)   }     const handleDblClick= () => {     if(timer.value) {       clearTimeout(timer.value)     }     console.log('双击事件');<br>    //你的操作   } </script>   <template>   <div @click="handleClick" @dblclick="handleDblClick">示例</div> </template>