如何处理Vue中长按事件与点击事件同时触发的问题？

本文共计649个文字，预计阅读时间需要3分钟。

目录+长按事件和点击事件冲突的解决+使用场景+总体需求+代码说明+Vue+Web端长按事件，解决和click冲突+长按事件和点击事件冲突的解决+使用场景+在Vue移动端开发时，遇到了长按“

目录

• 长按事件和点击事件冲突的解决
• 使用场景
• 具体需求
• 代码说明
• vue web端长按事件，解决和click冲突

长按事件和点击事件冲突的解决

使用场景

在使用vue做移动端开发时，遇到了长按事件和点击事件冲突的问题。

具体需求

点击标签时选中标签，再次点击时取消选择，因标签名称过长，长按标签使用tooltip显示完整标签名称。

代码说明

长按是用touchstart事件和touchend事件来实现的。在touchstart事件里使用setTimeout,时间设置为长按生效的时间就可以了，下面上代码。