element-ui table多选CheckBox参数解析

当使用 ElementUI 的 Table 组件进行多选时，可以通过配置 `show-selection` 和 `selection-type` 属性来实现多选功能。

其中，`show-selection` 属性用于控制是否显示选择列，如果设置为 `false` 则不会显示选择列，如果设置为 `true` 则会显示选择列。

`selection-type` 属性用于指定选择类型，可以设置为 `'checkbox'` 或 `'radio'`。当设置为 `'checkbox'` 时，会显示复选框，允许用户选择多行数据，当设置为 `'radio'` 时，会显示单选框，只允许用户选择一行数据。

在选中数据后，可以通过 `@selection-change` 事件获取选中的数据，或者通过 `this.$refs.table.getSelectedRows()` 方法获取选中的数据。另外还可以通过 `@select-all` 和 `@select` 事件监听全选和单选操作。

示例代码如下：

<template>
  <div>
    <el-table :data="tableData" :show-selection="true" :selection-type="'checkbox'" @selection-change="handleSelectionChange">
      <el-table-column type="selection"></el-table-column>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="gender" label="性别"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 20, gender: '女' },
        { name: '王五', age: 22, gender: '男' },
        { name: '赵六', age: 24, gender: '女' }
      ]
    }
  },
  methods: {
    handleSelectionChange(rows) {
      console.log(rows) // 获取选中的数据
    }
  }
}
</script>