vuedraggable插件在弹框中使用时，遇到了哪些问题

两天前，客户方提出了便捷工作台的需求，通俗点来说，可通过拖拽、增减等操作，将菜单拖入到想放置的模块中，同时可对大模块拖拽排序，最终以配置的模块或菜单，在首页进行展示。该需求，实现逻辑上其实很简单明了，无非是确定拖拽区域，拖拽对象，按照一定规则操作菜单，但在大的功能做完之后，遗留了一些小的bug，这些小bug容易让人遗漏。因此，在这里记录一下。

一、实现流程

目前项目适用框架：vue2+ant-design-vue

拖拽组件：vuedraggable

• 页面布局首页以flex布局去实现，完成固定两行，列数自适应的布局。

弹窗采用ant-design提供的模态框组件去封装，同时根据业务需求，接入vuedraggable组件。这里代码比较简单，直接贴图，具体实现不做赘述。