在vue2框架下，实现两个el-table之间的单行拖拽

在Vue2框架中，实现两个`el-table`之间的单行拖拽功能通常需要结合Vue的响应式、事件监听以及一些第三方库如`vue-draggable`或`vuedraggable`。以下是一个基本步骤：

1. 安装依赖：
使用npm或yarn安装`vue-draggable`：

   npm install vue-draggable
   # 或者
   yarn add vue-draggable

2. 引入并配置组件：
在`.vue`文件中引入`draggable`组件，并设置其属性，例如允许拖动的元素、放置区域等：

   <template>
     <div id="parentTable">
       <el-table ref="table1" :data="table1Data" draggable v-model="draggingItem" />
       <el-table ref="table2" :data="table2Data" droppable :drop="onDrop" />
     </div>
   </template>

   <script>
   import draggable from 'vue-draggable';

   export default {
     components: { draggable },
     data() {
       return {
         table1Data: ...,
         table2Data: ...,
         draggingItem: null,
       };
     },
     methods: {
       onDrop(item, event) {
         // 当拖放完成时，将item从draggingItem移除并将数据更新到目标表
         this.table2Data.splice(event.newIndex, 0, item);
         this.draggingItem = null;
       }
     }
   }
   </script>

3. 设置拖动状态：
`v-model`绑定`draggingItem`用于跟踪正在拖动的行。当开始拖动时，这个值会被设置；拖动结束后，设置回null。

4. 适应性处理：
- 确保`el-table`的`row-key`属性设置，以便跟踪每一行的独特标识。
- 如果有复杂的业务规则（比如只允许同类型的数据互相拖拽），可能需要在`onDrop`方法中添加额外的条件判断。