avue中怎么获取当前这一行数据
时间: 2024-03-12 11:49:48 浏览: 152
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
5星 · 资源好评率100%
在 avue 中,可以通过 `@select-change` 事件来获取当前行的数据。例如:
```html
<avue-table
:data="tableData"
@select-change="handleSelectChange"
>
<avue-table-column prop="name" label="姓名"></avue-table-column>
<avue-table-column prop="age" label="年龄"></avue-table-column>
<avue-table-column prop="gender" label="性别"></avue-table-column>
</avue-table>
```
```javascript
export default {
data() {
return {
tableData: [
{ name: '张三', age: 18, gender: '男' },
{ name: '李四', age: 20, gender: '女' },
{ name: '王五', age: 22, gender: '男' },
],
};
},
methods: {
handleSelectChange(selection) {
console.log(selection[0]); // 当前选中行的数据对象
},
},
};
```
在 `handleSelectChange` 方法中,可以通过 `selection[0]` 来获取当前选中行的数据对象。
阅读全文