如何获取el-table选中行的第一列元素
时间: 2023-10-18 19:08:12 浏览: 78
获取el-table表格中选中行的数据
可以使用 `@selection-change` 事件获取选中行的数据,然后通过遍历选中行数组,获取第一列元素的值。
例如,假设 el-table 的数据为 `tableData`,第一列的字段为 `id`,可以这样获取选中行的第一列元素值:
```html
<el-table
:data="tableData"
@selection-change="handleSelectionChange"
:row-key="row => row.id">
<el-table-column prop="id" label="ID"></el-table-column>
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="age" label="Age"></el-table-column>
</el-table>
```
```javascript
methods: {
handleSelectionChange(selection) {
// 遍历选中行数组,获取第一列元素的值
const selectedIds = selection.map(item => item.id);
console.log(selectedIds);
}
}
```
阅读全文