vxe-table 行拖拽后修改数组顺序

`vxe-table` 是 VueXEl 的一款表格组件，它支持丰富的功能，包括行拖拽。当你使用它的行拖拽功能时，你可以通过监听 `draggable` 或 `sortable` 相关的事件，如 `@row-drag-end`，来处理拖动操作后的数据变更。这个事件通常会触发一次回调，提供当前行的数据、原位置和新的位置等信息。

举个简单的例子：

<template>
  <vxe-table
    :data="tableData"
    @row-drag-end="onRowDragEnd"
  ></vxe-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // ... 数据列表
      ]
    };
  },
  methods: {
    onRowDragEnd({ oldIndex, newIndex, row }) {
      // 拖动结束时，更新原始数组的顺序
      this.tableData.splice(oldIndex, 1);
      this.tableData.splice(newIndex, 0, row);
      // 如果需要实时更新视图，可以同步到视图状态或者Vuex store
    }
  }
};
</script>

在这个 `onRowDragEnd` 方法里，我们首先使用 `splice` 方法移除旧位置的元素，然后在新位置插入拖动后的行。记得在实际项目中，为了保持数据的一致性和表单的完整性，最好将更改保存到你的应用的状态管理工具（如 Vuex）或响应式的数据结构（如 Vue 的 `reactive` 或者自定义的 Proxy）中。