vue中对同一元素添加单击和双击事件，并解决之间的冲突

对同一元素添加单击@click和双击@dblclick事件时，双击事件执行之前单击事件总会执行两次，项目中要用到于是写了个小demo（写的比较粗），其实很简单就是把单击事件写在延时器里面晚一点执行，并如果是双击的话清除这个延时器也就清除了单击事件这就搞定了，做下记录...

weixin_44409702

6670人浏览 · 2019-07-01 17:07:09

weixin_44409702 · 2019-07-01 17:07:09 发布

对同一元素添加单击@click和双击@dblclick事件时，双击事件执行之前单击事件总会执行两次，项目中要用到于是写了个小demo（写的比较粗），其实很简单就是把单击事件写在延时器里面晚一点执行，并如果是双击的话清除这个延时器也就清除了单击事件
在这里插入图片描述

这就搞定了，做下记录

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^