element plus 根据每行前多选框，获取选中的每行数据

Element Plus 是 Vue 3 的 UI 组件库 Element UI 的升级版，它提供了一系列现代化的组件，并且易于使用。如果你想根据表格（Table）中的每行前的复选框（Checkbox）来获取选中的行数据，可以按照以下步骤操作：

1. 首先，在 Element Plus 表格组件 `el-table` 中，你需要配置列（columns），其中包含一个用于显示复选框的列，例如：

<template>
  <el-table :data="tableData" v-model="selections">
    <!-- ...其他列... -->
    <el-table-column type="selection" label="选择"></el-table-column>
    <!-- ...其它列如姓名、年龄等... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据...
      ],
      selections: [], // 存储选中的行
    };
  },
  methods: {
    handleSelectionChange(rows) {
      this.selections = rows; // 当选择变化时更新 selections
    }
  }
};
</script>

2. 然后，在 `handleSelectionChange` 方法中，当用户点击复选框改变选择时，`rows` 参数会是一个数组，包含当前选中的行数据。

3. 如果你想获取选中的每个单独行的数据，可以根据索引来访问数组元素：

selectedRowsDetails = this.selections.map((row, index) => {
  return this.tableData[index]; // 获取对应索引的实际数据对象
});

现在，`selectedRowsDetails` 就是一个包含所有选中行详细数据的新数组。