vxe-table排序后重新渲染表头表体

 

// 刷新表格
    refreshDiyTable(tableObj) {
      this.tableObj = tableObj
      this.head = tableObj.baselistcolumnList.filter(item => {
        return item.blnisshow * 1 === 1
      })
      this.queryListByPage(null, tableObj)
      this.$nextTick(() => {
        const vxeColumns = this.$refs.table.getColumns()
        const checkboxCol = vxeColumns.find(col => col.type === 'checkbox')
        const seqCol = vxeColumns.find(col => col.title === '序号')
        const operateCol = vxeColumns.find(col => col.title === '操作')
        const filterColumns = vxeColumns.filter(col => !['序号', '操作', undefined].includes(col.title)).sort((a, b) => a.params.intsort - b.params.intsort)
        const resCols = [...filterColumns]
        if (seqCol) {
          resCols.unshift(seqCol)
        }
        if (checkboxCol) {
          resCols.unshift(checkboxCol)
        }
        if (operateCol) {
          resCols.push(operateCol)
        }
        this.$refs.table.loadColumn(resCols)
      })
    }