vxe-table列点击事件
时间: 2023-10-30 17:07:01 浏览: 483
vxe-table 的列点击事件可以通过 `@cell-click` 来实现。具体实现方式如下:
1. 在 `vxe-table` 标签上添加 `@cell-click="handleCellClick"`,其中 `handleCellClick` 是自定义的方法名。
```html
<vxe-table :data="tableData" @cell-click="handleCellClick">
<vxe-table-column prop="name" label="姓名"></vxe-table-column>
<vxe-table-column prop="age" label="年龄"></vxe-table-column>
<vxe-table-column prop="gender" label="性别"></vxe-table-column>
</vxe-table>
```
2. 在 Vue 实例中定义 `handleCellClick` 方法,该方法接收两个参数:`params` 和 `event`。其中,`params` 包含了当前单元格的相关信息,如行数据、列数据等;`event` 是原生的事件对象。
```js
methods: {
handleCellClick(params, event) {
console.log(params.row.name) // 当前行的姓名
console.log(params.column.label) // 当前列的标签
console.log(params.cellValue) // 当前单元格的值
}
}
```
阅读全文
相关推荐


















