elementUI 怎么获取点击了表格的第几行第几列
时间: 2024-04-30 11:23:39 浏览: 161
可以使用 elementUI 的表格事件来获取点击的行和列。
例如,在表格中绑定一个 row-click 事件:
```html
<el-table @row-click="handleRowClick">
<!-- 表格内容 -->
</el-table>
```
在 methods 中定义 handleRowClick 方法:
```javascript
methods: {
handleRowClick(row, column, event) {
console.log(row) // 点击的行数据
console.log(column.property) // 点击的列属性名
console.log(column.label) // 点击的列标题
console.log(event) // 原生的 click 事件
}
}
```
其中,row 表示点击的行数据,column 表示点击的列数据,event 表示原生的 click 事件。
可以通过 column.property 来获取点击的列属性名,通过 column.label 来获取点击的列标题。如果不需要获取列数据,可以省略 column 参数。
阅读全文