iview table 多选列的表头后边添加 ‘选择’两个字

在iView Table组件中，如果你想在多选列的表头后添加“选择”二字，你可以通过自定义表头模板的方式来实现。首先，你需要引入`<Table>`和`<template>`标签，并设置一个多选列`selection`属性以及一个包含你的自定义头部内容的`row-class-name`属性。

下面是一个简单的示例：

<template>
  <Table :data="tableData" :columns="tableColumns" selection="multiple">
    <!-- 自定义表头行 -->
    <template slot="selection" slot-scope="{ selectedItems }">
      <span>选择</span>
      <Button @click="selectAll">全选</Button>
      <Button @click="deselectAll">全取消</Button>
    </template>

    <!-- 表格数据列 -->
    <template slot="default">
      ... (这里放置你的表格数据列)
    </template>
  </Table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 填充你的数据
      tableColumns: [
        { type: 'selection', width: 60 }, // 多选列
        { prop: 'column1', label: 'Column 1' },
        { prop: 'column2', label: 'Column 2' },
        ... // 其他列...
      ],
      selectedItems: [] // 初始化selectedItems
    };
  },
  methods: {
    selectAll() {
      this.$table.selectAll();
    },
    deselectAll() {
      this.$table.deselectAll();
    }
  }
};
</script>

在这个例子中，我们在表头的slot中插入了“选择”，并提供了全选和全取消按钮。`selectAll`和`deselectAll`方法用于操作多选状态。记得替换`tableData`和`tableColumns`为你实际的数据和列配置。