element-ui拖拽表格换行换列

<template>
    <div >
        <el-table :data="tableData"  row-key="id">
            <el-table-column v-for="(item, index) in col"   :key="`col_${index}`"   
           :prop="dropCol[index].prop"    :label="item.label">
            </el-table-column>
        </el-table>
        <button @click="a">1</button>
    </div>
</template>
<script>
    import Sortable from 'sortablejs';
 
    export default {
        data () {
            return {
                col:[
                    {label:'日期',prop:'date'},
                    {label:'姓名',prop:'name'},
                    {label:'地址',prop:'address'}
                ],
                dropCol:[
                    {label:'日期',prop:'date'},
                    {label:'姓名',prop:'name'