vue的el-table实现拖拽排序效果（vuedraggable、Sortable.js）

一、概述

Sortable.js是一款优秀的js拖拽库，支持IE9及以上版本IE浏览器和现代浏览器，也可以运行在移动触摸设备中，不依赖jQuery，支持AngularJS、React、Vue框架和任何CSS库，如bootstrap、elementUI，可以用来拖拽div、table等元素。

二、安装插件

npm i -S vuedraggable

vuedraggable依赖Sortable.js，我们可以直接引入Sortable使用Sortable的特性。
vuedraggable是Sortable的一种加强，实现组件化的思想，可以结合Vue，使用起来更方便。

三、使用

需要注意的是：

• el-table必须指定row-key，row-key必须是唯一的，不然会出现排序不对的情况。
• const currRow = _this.projectList.splice(oldIndex, 1)[0]
  // 将oldIndex位置的数据删除并取出，oldIndex后面位置的数据会依次前移一位
• _this.projectList.splice(newIndex, 0, currRow)
  // 将被删除元素插入到新位置（currRow表示上面的被删除数据）

完整属性列表

新建vue文件：

 ——————————————————————

转载自，对原文代码有略微修改：el-table实现拖拽效果_el-table拖拽_柒个橙子的博客-CSDN博客