Vue项目中使用sortablejs实现拖放排序功能

首先通过npm install sortablejs --save在项目中安装依赖；

然后在想要实现该功能的页面中引入它：

最后，在当前页面中定义rowDrop方法（可以在mounted生命周期触发它或在一个监听函数中触发它，我是后者），我是想在antd的table组件中使用该功能，由于要拖放排序的是tr元素，所以选择tbody元素作为目标节点，即dragTr。接着通过new Sortable()方法传入dragTr完成sortable对象的构建，可以在该方法中传入相关配置项（具体见官网），以及在onUpdate回调方法中进行更新排序操作。

这样就已经在Vue项目中实现拖放排序功能了。