vue 在一个元素上同时绑定单击和双击事件

在做项目过程中，需求是点击孔位单击弹出对话框查看产品总数，双击弹出对话框查看详情。一开始直接click和dblclick写在标签里面，但是不管怎么样，总是执行单击事件

解决办法：利用计时器，在大概时间模拟双击事件

这里以table 单元格事件为列子：

<el-table :data="tableData"
                  @cell-dblclick="doubleClick"
                  @cell-click="singleClick">
				<el-table-column v-for="(item, index) in formThead"
                             :key="index"
                             :prop="item.prop"
                            :label="item.prop">
                </el-table-column>             
 </el-table>

JS代码：

let time = null
export default {
	methods:{
		// 单击事件
		singleClick(row,column,event,cell){
                clearTimeout(time)
                time = setTimeout(() => {
                    alert('单击'+column.id)
                }, 300);
          },
		// 双击事件
		doubleClick(row,column,event,cell){
                clearTimeout(time);
                alert('双击'+column.id)
        },
	}
}

转自：https://www.cnblogs.com/feng-xl/p/9375992.html