<el-table怎么拿到勾选的数据

在Element UI的表格（`<el-table>`）中，如果需要获取用户勾选的数据，通常会在列模板（column template）中使用`row-key`属性，并配合`selection-method`回调函数。以下是基本步骤：

1. 首先，在表格的`data`属性中存储数据，并设置`row-key`属性，以便跟踪每行的唯一标识。

<el-table :data="tableData" :row-key="getRowKey">

2. 定义`getRowKey`函数，返回每个数据对象的关键属性，通常是`id`或其他唯一标识字段。

methods: {
  getRowKey(row) {
    return row.id; // 或者其他的唯一标识字段
  }
}

3. 设置`selection-method`，这是一个自定义函数，当用户选择某一行时会触发这个函数。你可以在这个函数中操作选中的数据并返回它们。

<el-table :selection-method="handleSelectionChange">

methods: {
  handleSelectionChange(selection) {
    let selectedData = selection.map(item => this.tableData[item.index]); // 使用索引来获取原始数据对象
    console.log('勾选的数据:', selectedData);
    // ...在此处可以对selectedData做进一步处理
  }
}

当你点击选择框时，`handleSelectionChange`会被调用，它将返回一个包含所有已选行数据的新数组。如果你有其他需求，例如只获取勾选的状态，而不是完整的对象，可以根据实际场景调整`handleSelectionChange`函数。