el-table el-table-column 如何给表头添加点击事件
时间: 2023-10-14 10:11:35 浏览: 466
vue el-table实现自定义表头
可以使用 el-table 的 header-click 事件来给表头添加点击事件。
例如,在 el-table 中添加一个 header-click 事件监听器:
```html
<el-table @header-click="handleHeaderClick">
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="age" label="Age"></el-table-column>
</el-table>
```
然后在 Vue 实例中添加一个 handleHeaderClick 方法:
```javascript
methods: {
handleHeaderClick(column, event) {
console.log('column:', column);
console.log('event:', event);
}
}
```
在这个方法中,第一个参数 column 是被点击的表头列的信息,第二个参数 event 是原生的点击事件对象。你可以在这个方法中编写任何你想要执行的代码,例如点击后重新排序表格数据等等。
阅读全文