antdvue的table增加行拖拽

在Ant Design Vue中，要给Table增加行拖拽功能，你可以使用第三方库，如vuedraggable。以下是一个简单的例子，展示如何实现：

首先，安装vuedraggable：

npm install vuedraggable

然后，在你的组件中使用它：

<template>
  <a-table
    :columns="columns"
    :dataSource="dataSource"
    :components="tableComponents"
  >
    <template slot="draggableHandle">
      <!-- 这里是每一行的可拖拽手柄，你可以自定义样式 -->
      <a-icon type="menu" />
    </template>
  </a-table>
</template>
 
<script>
import { Table, Icon } from 'ant-design-vue';
import draggable from 'vuedraggable';
 
export default {
  components: {
    'a-table': Table,
    'a-icon': Icon,
    draggable: draggable
  },
  data() {
    return {
      columns: [
        // ...定义你的列
      ],
      dataSource: [
        // ...定义你的数据
      ],
      tableComponents: {
        // 使用draggable组件替换默认的bodyRow
        bodyRow: draggable
      }
    };
  }
};
</script>

确保你已经正确安装并配置了Ant Design Vue，并且在你的项目中引入了vuedraggable。上面的代码中，draggableHandle是你要拖拽的手柄，你可以在slot中自定义它。tableComponents属性用于替换默认的表格行组件，使得表格行可以被拖拽。

请注意，vuedraggable的具体使用方法和配置选项可能需要根据你的具体需求进行调整。