elementUI拖拽后排序箭头问题

Question

问题描述

elementUI拖拽后排序箭头蓝色颜色变为灰色

问题出现的环境背景及自己尝试过哪些方法

把key换成index但是显示和隐藏的时候会出现布局错位

相关代码

  <el-table-column :key="Math.random()" :sort-orders="['descending','ascending']"
                         v-if="item.bool" sortable="custom"
                         v-for="(item,index) in col" :prop="item.prop" :label="item.label">
        </el-table-column>

col: [
                {
                    label: '日期',
                    prop: 'date',
                    bool: true,
                },
                {
                    label: '姓名',
                    prop: 'name',
                    bool: true,
                },
                {
                    label: '地址',
                    prop: 'addRes', 
                    bool: true,
                },

            ],

   columnDrop() {
                const wrapperTr = document.querySelector('.el-table__header-wrapper tr');
                this.sortable = Sortable.create(wrapperTr, {
                    animation: 180,
                    delay: 0,
                    onEnd: evt => {
                        const oldItem = this.col[evt.oldIndex];
                        this.col.splice(evt.oldIndex, 1);
                        this.col.splice(evt.newIndex, 0, oldItem);
                    }
                })
            },

你期待的结果是什么？实际看到的错误信息又是什么？

求各位大佬帮忙看下，感谢