vuedraggable结合el-table实现拖拽

要将vuedraggable与el-table结合使用，需要进行以下步骤：

1. 安装vuedraggable和element-ui：

npm install vuedraggable element-ui --save

2. 在Vue项目中引入vuedraggable和element-ui：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import draggable from 'vuedraggable'

Vue.use(ElementUI)
Vue.component('draggable', draggable)

3. 创建一个el-table，将vuedraggable作为el-table-column的插槽：

<el-table :data="tableData">
  <el-table-column label="Name">
    <template slot-scope="scope">
      <draggable :list="scope.row.items" :options="{handle:'.handle'}">
        <div v-for="(item, index) in scope.row.items" :key="index">
          <span class="handle">drag</span>
          {{ item }}
        </div>
      </draggable>
    </template>
  </el-table-column>
</el-table>

其中，tableData是一个包含多行数据的数组，每行数据都有一个items属性，用于存储拖拽列表中的元素。

4. 为拖拽元素添加样式，使其可拖拽：

.handle {
  cursor: move;
}

这样就可以在el-table中使用vuedraggable实现拖拽功能了。