vue.js：如何处理同一元素上的click和dblclick事件

梅十三2020-03-12

我有一个vue组件，具有click / dblclik的单独事件。单击（取消）选择行，dblclick打开编辑表单。

<ul class="data_row"
  v-for="(row,index) in gridData"
  @dblclick="showEditForm(row,$event)"
  @click="rowSelect(row,$event)"
>

这样做，双击会触发3个事件。两个单击事件，最后一个dblclick。由于click事件首先触发，是否有办法（将click事件推迟固定的毫秒数）以阻止double上click事件的传播？

在这里摆弄

阿飞GO2020/03/12 17:43:05

我认为我有一个更简单的解决方案（我正在使用vue类，但适用相同的原则）：

private timeoutId = null;
onClick() {
        if(!this.timeoutId)
        {
            this.timeoutId = setTimeout(() => {
                // simple click
            }, 50);//tolerance in ms
        }else{
            clearTimeout(this.timeoutId);
            // double click
        }
    }

它不需要计算点击次数。

Newest Answer

HTML5 Drag & Drop 拖动时更改图标/光标

5 Answer

如何完全卸载 Node.js，然后从头重新安装 (Mac OS X)

NUXT引入tailwindcss报错Error: Expected an opening square bracket.

1 Answer