elementui2 在el-table中点击表格的某一行,获取那一行的数据
时间: 2024-03-08 08:51:13 浏览: 214
el-tree==>添加分级图标==>添加引导线样式==>点击节点展示全部父节点信息==>使用$store封装全局组件
你可以在 el-table 中使用 @row-click 或者 @cell-click 事件来获取行数据。
例如,在模板中使用 @row-click 事件:
```
<el-table @row-click="handleRowClick">
```
在 methods 中定义 handleRowClick 方法来处理点击事件:
```
methods: {
handleRowClick(row, column, event) {
console.log(row); // 这里的 row 就是点击的那一行的数据
}
}
```
如果你想获取某一列的数据,可以在 @cell-click 事件中获取到列的索引,然后通过 row[columnIndex] 来获取该行该列的数据。
```
<el-table @cell-click="handleCellClick">
```
在 methods 中定义 handleCellClick 方法来处理点击事件:
```
methods: {
handleCellClick(row, column, cell, event) {
console.log(row[column.index]); // 这里的 row[column.index] 就是点击的那一行该列的数据
}
}
```
注意,如果你在 el-table 中使用了 slot,可能需要对应地修改 @row-click 或者 @cell-click 的事件名称。
阅读全文