前端 element-UI table的多选id如何获得 代码演示

你好！感谢您的提问。

关于前端 element-UI table 的多选 id 如何获得，您可以使用 selection-change 事件来监听多选框的变化，并在方法中获取选中行的 id。示例代码如下：

<el-table :data="tableData" @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="address" label="地址"></el-table-column>
</el-table>

...

methods: {
  handleSelectionChange(selection) {
    const ids = selection.map(item => item.id);
    console.log(ids);
  }
}

在这个示例中，我们使用了 selection-change 事件监听多选框的变化，方法中通过 selection 参数获取选中的行数组，再通过 map 方法将选中行数组转换为 id 数组。

希望这个回答能够帮到您，如果您有更多问题，欢迎继续提问。