ElementUI 实现Table组件实现拖拽效果

一、概述

Sortable.js

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

先来看一下效果图：

二、安装插件

npm i -S vuedraggable

vuedraggable依赖 Sortable.js，所以下载了vuedraggable，我们便可以直接引入Sortable使用Sortable的特性。

vuedraggable是Sortable一种加强，实现组件化的思想，可以结合Vue，使用起来更方便

三、使用

需要注意的是element table务必指定row-key，row-key必须是唯一的，如ID，不然会出现排序不对的情况。

test.vue