将elementui的el-table的列变为可以拖动改变顺序

注意事项

el-table-column必须为动态

key必须为动态属性 防止表格内容不刷新

<el-table
  v-drag-table="columns"
>
  <el-table-column
    v-for="(col, index) in columns"
    :key="col.prop+index"
    :prop="col.prop"
    :label="col.label">
  </el-table-column>
</el-table>

columns示例

columns: [{
  label: "填报年度",
  prop: "fillYear",
}, {
  label: "起止时间",
  prop: "starttime",
}, {
  label: "状态",
  prop: "status",
}, {
  label: "操作",
  prop: "action",
}]

使用

npm install el-drag-table

在main.js中引入

import elDragTable from 'el-drag-table'
Vue.use(elDragTable)

使用示例

<el-table
  v-drag-table="columns"
>