2021-09-28，从零开始架构Vue3+typescript低代码平台starfish-h5出现的问题，鼠标监听与顺序拖拽冲突问题

问题1 编辑绑定事件导致拖拽组件内部不能调整顺序

监听编辑器导致draggable库中内容不能通过拖拽调整顺序

出现问题的dom结构

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FScKGnWK-1632810894974)(D:\MyConfiguration\haixin.fang\AppData\Roaming\Typora\typora-user-images\image-20210928142955785.png)]

• 对顶层元素监听了鼠标down事件导致draggable内部元素不能拖拽

解决方法

把监听事件所在的dom分离出来