在AVUe中如何获取表格内选中行的信息
时间: 2024-02-20 19:56:52 浏览: 313
avue前端框架-其他
在 AVue 中获取表格内选中行的信息,可以使用 AVue 提供的 selection 属性。具体步骤如下:
1. 在表格中添加 selection 属性,示例代码如下:
```html
<el-table :data="tableData" @selection-change="handleSelectionChange">
```
2. 在 AVue 实例中,定义 handleSelectionChange 方法,该方法会在用户选择表格中的行时触发,示例代码如下:
```javascript
methods: {
handleSelectionChange(selection) {
console.log(selection);
}
}
```
3. 在 handleSelectionChange 方法中,可以获取到选中的行的信息,这些信息存储在 selection 数组中。每个元素代表一个选中的行,其中包含了该行的所有数据。例如,可以输出选中行的 id,示例代码如下:
```javascript
methods: {
handleSelectionChange(selection) {
const ids = selection.map(item => item.id);
console.log(ids);
}
}
```
通过以上步骤,就可以在 AVue 中获取表格内选中行的信息了。
阅读全文