elementui 点击单元格 获取值
时间: 2023-08-23 08:04:08 浏览: 92
优雅的elementUI table单元格可编辑实现方法详解
在elementui中,可以通过在table组件中使用@cell-click事件来触发点击单元格时的操作。通过这个事件,你可以获取到行、列等信息。例如,你可以在handle方法中获取到行数据(row)、列数据(column)、事件(event)和单元格数据(cell)。具体的代码示例如下:
```html
<el-table :data="talent_list2" ref="table2" border fit highlight-current-row @cell-click="handle">
<!-- 表格内容 -->
</el-table>
```
```javascript
methods: {
handle(row, column, event, cell) {
// 在这里处理点击单元格后的操作
console.log(row); // 获取行数据
console.log(column); // 获取列数据
console.log(event); // 获取事件对象
console.log(cell); // 获取单元格数据
}
}
```
通过以上代码,你可以在handle方法中获取到点击单元格时的相关值。
#### 引用[.reference_title]
- *1* [elementui点击table单元格事件,获取行列等信息](https://blog.csdn.net/VeraHsiang/article/details/109034644)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [vue使用elementui合并单元格,并合并单元格中的值](https://blog.csdn.net/weixin_46348229/article/details/126771630)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文