在el-table的表头中加入勾选框判断有哪些表头勾选

可以通过以下步骤在 el-table 的表头中加入勾选框并判断哪些表头被勾选：

1. 在 el-table 的表头中添加一个列，用于显示勾选框，如下所示：

<el-table-column type="selection" width="55"></el-table-column>

2. 使用 v-model 绑定一个数组来存储被选中的表头的 key，如下所示：

<el-table
  :data="tableData"
  :header-cell-style="{background: '#f7f7f7'}"
  @selection-change="handleSelectionChange"
  v-loading="loading"
  :border="true"
  :show-header="true"
  :header-row-style="{'font-weight': 'bold'}"
  :header-cell-style="{background: '#f7f7f7'}"
  v-model="selectedColumns"
>
  <el-table-column type="selection" width="55"></el-table-column>
  <el-table-column prop="name" label="姓名" width="120"></el-table-column>
  <el-table-column prop="age" label="年龄" width="120"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18,
          address: '北京市朝阳区'
        },
        {
          name: '李四',
          age: 22,
          address: '上海市浦东新区'
        },
        {
          name: '王五',
          age: 28,
          address: '广州市天河区'
        }
      ],
      loading: false,
      selectedColumns: []
    }
  },
  methods: {
    handleSelectionChange(selection) {
      this.selectedColumns = selection.map(item => item.column.key)
      console.log(this.selectedColumns)
    }
  }
}

在上述代码中，我们使用 handleSelectionChange 方法来监听表头勾选状态的变化，当勾选状态发生变化时，将选中的表头的 key 存储在 selectedColumns 数组中，并打印到控制台中。