主要为大家详细介绍了vue拖拽组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

前言 pc端开发需要拖拽组件完成列表的顺序交换，一般移动端的UI组件会包含，但是我在用的iview并没有此功能的组件，于是手写一个，实现起来很简单。效果图如下： 可以拖拽完成新排序，点击某一项可以触发相关事件. 关于拖拽 drag & drop 拖放（Drag 和 drop）是 HTML5 标准的组成部分。 拖拽对象 dataTransfer对象，只能在拖放事件的事件处理程序中访问。重要属性： effectAllowed ( none | copy | copyLink | copyMo