el-table selection类型，如何自定义表头

的多选框？

要自定义 el-table 表头的多选框，你可以使用一个 slot 来插入你想要的 DOM。具体步骤如下：

1. 在 el-table 中添加 v-slot:header，指定为一个具名插槽。

2. 在插入的 DOM 中添加一个 el-checkbox 组件，并绑定它的 v-model 值到 el-table 的 selection 数组上。

3. 使用 v-bind 属性绑定 checkbox 的选中状态和头部中的全选状态，保证它们的同步。

下面是一份示例代码：

<el-table
  :data="tableData"
  v-show="tableData.length"
  :default-sort="{prop: 'date', order: 'descending'}"
  style="width: 100%">
  <template #header>
    <el-table-column
      type="selection"
      width="55">
      <template #header>
        <el-checkbox
          v-model="allSelected"
          :indeterminate="isIndeterminate">
          <slot></slot>
        </el-checkbox>
      </template>
    </el-table-column>
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </template>
</el-table>

在这份代码中，我们使用了一个具名的插槽来自定义 el-table 头部的多选框，并绑定了 allSelected 和 isIndeterminate 这两个数据到 el-checkbox 上，实现了多选框和全选框的同步。