拖拽效果，先放效果图，步骤放在后面~~

 

 

 

 

一、引入三方插件

1.引入sortable.js的包: npm install sortable.js --save

2.或者npm i -S vuedraggable

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

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

 

二、Sortable使用

在这里我们还是使用一句Sortable的构建方式

import Sortable from 'sortablejs';

 

三、实例

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

 

四、补充说明

　　可以直接绑定从服务器查询到的结果，也可以动态绑定vueX里的数据，如要保存排序结果的话，则需要后台根据保存时的数据顺序进行保存

 

嗯。就酱~~

 

参考https://www.jianshu.com/p/6da3043aed2a

参考https://www.2cto.com/kf/201811/785039.html