antdesign vue 2 两个表格进行拖拽

您可以使用第三方库 `vuedraggable` 来实现 Ant Design Vue 2 中两个表格之间的拖拽功能。具体步骤如下：

1. 安装 `vuedraggable`：

npm install vuedraggable --save

2. 在需要使用拖拽功能的组件中引入 `vuedraggable`：

import draggable from 'vuedraggable'

3. 在模板中使用 `draggable` 组件，给其绑定 `list` 和 `options` 属性：

<draggable :list="list1" :options="{group:{ name:'table' }}" @change="handleChange">
  <template #default="{element}">
    <!-- 表格内容 -->
  </template>
</draggable>

<draggable :list="list2" :options="{group:{ name:'table' }}" @change="handleChange">
  <template #default="{element}">
    <!-- 表格内容 -->
  </template>
</draggable>

其中，`list1` 和 `list2` 分别是两个表格的数据源，`options` 中的 `group` 属性用于指定拖拽分组名称，`@change` 事件用于监听拖拽事件。

4. 在 `handleChange` 方法中处理拖拽事件：

handleChange(event) {
  const { moved, added, removed } = event

  // 处理移动
  if (moved) {
    const { source, destination, element } = moved
    // 将 element 从 source.list 中移除，插入到 destination.list 中
  }

  // 处理添加
  if (added) {
    const { element, newIndex } = added
    // 将 element 插入到 newIndex 位置
  }

  // 处理删除
  if (removed) {
    const { element, oldIndex } = removed
    // 将 element 从 oldIndex 位置删除
  }
}

在 `handleChange` 方法中，根据 `event` 中包含的 `moved`、`added` 和 `removed` 属性，分别处理移动、添加和删除操作。

注意，由于 Ant Design Vue 2 中的表格组件并不支持拖拽操作，因此您需要自己实现表格的拖拽效果，并在 `handleChange` 方法中更新数据源。