el-table-column点击事件
时间: 2023-05-18 13:03:21 浏览: 105
el-table无限滚动+控制列是否显示+列排序(非json)
5星 · 资源好评率100%
el-table-column 的点击事件是可以通过在 el-table-column 上使用 "cell-click" 或 "header-click" 事件来实现的。具体实现方法如下:
1. 在 el-table-column 上绑定 "cell-click" 事件:
```
<el-table-column v-for="item in columns" :key="item.prop" :prop="item.prop" :label="item.label" @cell-click="handleCellClick">
</el-table-column>
```
2. 在 methods 中定义 handleCellClick 函数:
```
methods: {
handleCellClick(row, column, event) {
console.log(row, column, event)
}
}
```
在这个函数中,你可以使用 row 参数获取当前行的数据,使用 column 参数获取当前列的数据,使用 event 参数获取当前点击事件。
类似的,你也可以在 el-table-column 上绑定 "header-click" 事件来实现列头的点击事件。
阅读全文