@dblclick不触发
时间: 2023-10-06 13:13:40 浏览: 90
应用母板页后按钮不激发Click事件
当元素同时绑定了click事件和dblclick事件时,可以通过在click事件的回调函数中使用event.stopPropagation()方法来阻止dblclick事件的触发。这样,当点击元素时,只会触发click事件而不会触发dblclick事件。
示例代码如下:
```javascript
<template>
<div>
<button @click="clickHandler" @dblclick="dblclickHandler">注册</button>
</div>
</template>
<script>
export default {
methods: {
clickHandler(event) {
event.stopPropagation();
console.log('单击事件');
},
dblclickHandler() {
console.log('双击事件');
}
}
}
</script>
<style>
</style>
```
阅读全文