el-table vue3取选中
时间: 2023-10-06 12:04:40 浏览: 189
你可以使用 `selected` 属性来获取表格中选定的行。例如:
```html
<template>
<el-table :data="tableData" :row-key="row => row.id" @selection-change="handleSelectionChange">
<el-table-column type="selection"></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>
</template>
<script>
export default {
data() {
return {
tableData: [
{ id: 1, name: 'John Doe', age: 30 },
{ id: 2, name: 'Jane Doe', age: 25 },
{ id: 3, name: 'Bob Smith', age: 40 },
],
selectedRows: []
}
},
methods: {
handleSelectionChange(selection) {
this.selectedRows = selection
}
}
}
</script>
```
在上面的示例中,我们使用 `@selection-change` 事件来监听选定的行的变化,并在 `handleSelectionChange` 方法中更新 `selectedRows` 数组。你可以在 `selectedRows` 中访问选定的行。
阅读全文