vue 可拖拽table

Element UI下的示例：

<template>
  <div style="width:800px">
    <el-table :data="tableData"
      border
      row-key="id"
      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>
    <hr style="height:1rem;"/>
    <pre style="text-align: left">
      {
  {dropCol}}
    </pre>
    <hr>
    <pre style="text-align: left">
      {
  {tableData}}
    </pre>
  </div>
</template>
<script>
import Sortable from 'sortablejs'
export default {
  data() {
    return {
      col: [
        {
          label: '日期',
          prop: 'dat