Element UI Table 行拖拽实现

要实现 Element UI Table 的行拖拽功能，你需要使用第三方库，比如 Sortable.js 或者 Vue.Draggable。这里以 Sortable.js 为例，介绍如何实现行拖拽功能。

1. 安装 Sortable.js
   你可以通过 npm 安装 Sortable.js：

   npm install sortablejs --save

2. 在需要配置的页面引入 Sortable
   在需要使用行拖拽的页面中，引入 Sortable：

   import Sortable from 'sortablejs';

3. 找到拖拽元素的父容器
   你需要先找到需要拖拽的元素的父容器，以便将 Sortable 实例挂载到该容器上。你可以通过选择器或者 DOM 操作找到该容器。
4. 配置 Sortable
   在 Sortable 实例化时，你可以配置一些选项，比如拖拽的排序方式、动画时间等。具体可以参考 Sortable 的文档。
5. 行拖拽：在 el-table 标签中，根据行的内容指定行的唯一标识 row-key=”id”
   在使用 Element UI 的 el-table 组件时，你需要指定每一行的唯一标识，以便 Sortable 能够正确地识别每一行。你可以通过在每一行的数据中添加一个唯一的 ID，并将其作为 row-key 的值。
6. 列拖拽：额外定义两个数组，分别存储拖拽前的列顺序和拖拽后的列顺序
   如果你还需要实现列拖拽功能，你需要额外定义两个数组，分别存储拖拽前的列顺序和拖拽后的列顺序。在列拖拽时，你需要更新这两个数组的顺序。
7. 更新数据源
   当你拖拽行或者列时，你需要更新数据源，以便将新的顺序保存到数据中。你可以通过监听 Sortable 的 onEnd 或者 onAdd 等事件，获取新的顺序，并将其更新到数据源中。
8. 渲染表格
   最后，你需要渲染表格，以便将新的顺序显示出来。你可以使用 Element UI 的表格组件，将数据源渲染到表格中。
   需要注意的是，Element UI 的表格组件默认不支持行拖拽和列拖拽功能。如果你需要实现这些功能，需要自己编写代码或者使用第三方库来实现。另外，如果你需要实现更复杂的拖拽功能，比如多选或者异步更新等，需要进一步扩展 Sortable 或者 Vue.Draggable 的功能。
   总的来说，实现 Element UI Table 的行拖拽功能需要一定的代码编写和配置工作。如果你不熟悉前端开发或者没有足够的时间精力来处理这个问题，可以考虑使用现成的解决方案或者定制服务来满足你的需求。