网上的教程太乱，全是仅能换顺序且从没考虑过数据更新、二级嵌套表格、树tree复杂表格等问题，本文提供完美解决方案。

在 vue3 + element-plus 开发中，详解 el-table 表格组件拖动排序功能，完成表格列表拖曳排序效果，无论是嵌套带有下级的表格，还是复杂的树形折叠多级联动的展开表格都可以自动计算并重新排序，排序后拿到列表id或整行数据轻松对接后端接口，表格行拖拽时带有过渡动画，支持是否开启启用和关闭表格排序的开关，适用于任何表格排序场景。

您直接复制代码运行即可，新手小白简单换下数据就能轻松搞定。

如下图所示，拖动排序丝滑流畅不卡顿，数据更新对接也非常轻松。

详细示例代码及注释，无论js/ts都可以使用，nuxt3也能用！

首先，