Vxetable实现更新列属性,比如过滤,排序等等

 // 获取原始vxeTable的column 数据
            const oldColumns = xTable.value.getColumns() || [];
            const reFreshColumn = [] as any;
            // 对之前存在的数据列进行强制刷新
            tableNormalOptions.value.forEach((item: any) => {
              let temp = oldColumns.find((oldItem: any) => item.prop === oldItem.field);
              if (temp) {
                temp = {
                  ...temp,
                  ...item,
                };
                reFreshColumn.push(temp);
              }
            });
            // 对于之前存在的列进行强制刷新
            xTable.value.loadColumn(reFreshColumn);

<template>
<vxe-table :key=currentKey></vxe-table>
</template>
<script>
import {ref, watch, defineProps} from 'vue';
    cosnt props = defineProps({
        tableHeadOptions:{
             type:Object as any,
            default:()=>({});
       }
     })
    // 用随机数生成一个唯一key
    const currentKey = ref(Math.random())
    // watch 监听表头数据变化，更新currentKey, 从而达到表格重新渲染的效果
    watch(()=>props.tableHeadOptions,()=>{
        // props.tableHeadOptions 生成多级表头省略代码
        currentKey.value = Math.random();
})
</script>