vue.draggable实现表格拖拽排序效果

======================

一、安装与引入组件

我们需要安装vuedraggable和sortablejs两个组件。通过npm进行安装：

```shell

npm install vuedraggable

npm install sortablejs

```

然后，在项目中引入这两个组件：

```javascript

import draggable from 'vuedraggable';

import Sortable from 'sortablejs';

export default {

components: {

draggable,

Sortable

},

...

}

```

二、HTML结构

-

```html

序号

商品条码

商品名称

单位

```

三、处理逻辑与事件处理函数

我们定义了两个方法：`getdata`和`datadragEnd`，分别对应`move`和`update`事件。这两个事件分别在拖动中和拖动结束时触发。在拖动结束时，我们可以获取到拖动前后的索引信息。具体的处理逻辑如下：

1. 当前行的id和排序号作为参数，调用后台更改顺序的方法。