element ui实现抽屉效果_element-ui table 表格组件实现可拖拽效果（行、列）

1.首先安装

npm install sortable.js --save
// 或者
npm i -S vuedraggable
// vuedraggable依赖 Sortable.js，所以下载了vuedraggable，我们便可以直接引入Sortable使用Sortable的特性。
// vuedraggable是Sortable一种加强，实现组件化的思想，可以结合Vue，使用起来更方便

2.示例代码

需要注意的是element table务必指定row-key，row-key必须是唯一的，如ID，不然会出现排序不对的情况

<template>
  <div style="width:800px">

    <el-table :data="tableData"
      border
      :row-key="getRowKey"
      align="left">
     <el-table-column v-for="(item, index) in col"
        :key="`col_${index}`"
        :prop="dropCol[index].prop"
        :label="item.label"> 
      </el-table-column>
    </el-table>
    <pre style="text-align: lef