如何获取el-table的表头

要获取 `el-table` 组件的表头信息，可以使用 `el-table` 的 `$refs` 引用，并通过访问 `$refs` 中的 `table` 属性获取表格的 Dom 元素。然后，可以使用 `table` 元素的 `querySelectorAll` 方法来获取表头单元格元素。最后，可以遍历表头单元格元素，从中获取表头信息。

以下是一个示例代码：

export default {
  data() {
    return {
      columns: [
        { label: '姓名', prop: 'name' },
        { label: '年龄', prop: 'age' },
        { label: '性别', prop: 'gender' }
      ]
    }
  },
  mounted() {
    const table = this.$refs.table.$el.querySelector('.el-table__header-wrapper table');
    const headers = table.querySelectorAll('.el-table__header-wrapper th .cell');
    const columns = Array.from(headers).map((header, index) => ({
      label: this.columns[index].label,
      prop: this.columns[index].prop,
      width: header.offsetWidth
    }));
    console.log(columns);
  }
}

在上面的代码中，我们首先从 `$refs` 中获取了 `el-table` 组件的 Dom 元素，然后使用 `querySelectorAll` 方法获取表头单元格元素。接下来，我们遍历表头单元格元素，并从中获取表头信息。在这个示例中，我们将表头信息保存为一个数组，包含每一列的 `label`（表头文本）、`prop`（列名）和 `width`（列宽度）属性。

需要注意的是，表头单元格元素的获取可能会受到 `el-table` 的属性（如分组、固定列、多级表头等）的影响，因此在实际使用过程中，可能需要根据实际情况进行适当的修改。