主要介绍了解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

功能描述： 如图，右侧悬浮菜单按钮，只支持上下方向拖动，点击时展开或关闭菜单。 BUG说明： 鼠标上下方向拖拽，如果松开时鼠标位于悬浮按钮上会默认执行click事件，经验证，click事件与mouse事件的执行顺序为onmousedown =》onmouseup =》onclick,意味着在click事件执行时会与与其相关的mouse事件冲突。 解决方案： 因为click事件执行时间短，所以利用鼠标拖动的时间差作为标志，在拖拽事件中计算鼠标从onmousedown 到onmouseup 所用