el-table多选控制行选中状态

`el-table`是Element UI库中的表格组件，它提供了丰富的功能，包括多选控制。要在`el-table`中实现多选控制行选中状态，你可以使用`row-key`属性指定每行数据唯一的标识符，并配合`selection`属性，该属性通常是一个数组，用于保存当前被选中的行。

以下是关键步骤：

1. 首先，在Vue组件中定义`data`，创建一个数组存储选中的行索引或者整个行对象（取决于你选择的`row-key`策略），比如：

data() {
  return {
    tableData: ...,
    selectedRows: [] // 或者如果你想保存完整的行对象
  };
}

2. 在`<el-table>`标签中设置`row-key`属性，指定每行的唯一标识：

<el-table :data="tableData" :row-key="(row) => row.id">
...
</el-table>

这里假设`tableData`中的每一项都有一个名为`id`的字段。

3. 使用`selection-change`事件监听用户的选择变化，当用户点击行时，更新`selectedRows`：

<el-table :data="tableData" :row-key="(row) => row.id" @selection-change="handleSelectionChange">
...
</el-table>

<script>
methods: {
  handleSelectionChange(selection) {
    this.selectedRows = selection.map(row => row.id); // 如果只关心行ID
    // 或者 if (selection.length > 0) this.selectedRows = selection; // 如果想保存完整行对象
  }
}
</script>

4. 如果需要提供复选框或其他控件进行多选，可以考虑使用第三方插件或者自定义列模板。