elementuiplus 获取table已选中项
时间: 2024-01-02 09:03:24 浏览: 54
使用 Element UI 的 Table 组件,可以通过 `v-model` 双向绑定 `selection` 属性来获取当前选中的行数据。例如:
```html
<el-table :data="tableData" v-model="selection">
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="age" label="Age"></el-table-column>
</el-table>
```
```js
data() {
return {
tableData: [
{ name: 'Tom', age: 20 },
{ name: 'Jerry', age: 22 },
{ name: 'Mickey', age: 18 }
],
selection: [] // 存储选中数据的数组
}
}
```
然后,可以在组件中通过 `this.selection` 来获取当前选中的行数据。例如:
```js
methods: {
handleDelete() {
console.log(this.selection) // 打印选中的行数据
}
}
```
阅读全文