el-table-column绑定事件获取所选行的数据
时间: 2024-05-08 13:13:11 浏览: 94
获取el-table表格中选中行的数据
el-table-column是Element UI中的表格列组件,用于定义表格的列。要绑定事件并获取所选行的数据,可以使用Element UI提供的selection-change事件。
首先,在el-table组件中设置selection-change事件,如下所示:
```html
<el-table @selection-change="handleSelectionChange">
<!-- 表格列定义 -->
<el-table-column ...></el-table-column>
</el-table>
```
然后,在Vue实例中定义handleSelectionChange方法来处理selection-change事件,如下所示:
```javascript
methods: {
handleSelectionChange(selection) {
// selection为当前选中的行数据数组
console.log(selection);
// 在这里可以对选中的行数据进行操作
}
}
```
在handleSelectionChange方法中,selection参数表示当前选中的行数据数组。你可以在该方法中对选中的行数据进行操作,例如打印到控制台或者进行其他业务逻辑处理。
阅读全文