element UI 在table中获取点击当前行、列索引

原创于 2021-03-30 16:47:50 发布 · 4.5k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#elementui

vue 同时被 2 个专栏收录

8 篇文章

订阅专栏

ElementUI

3 篇文章

订阅专栏

本文介绍如何在 Vue 中实现表格中点击单元格时获取当前行和列的索引。通过设置 `cell-class-name` 属性，我们可以将索引信息添加到 row 和 column 对象中。在 `@cell-dblclick` 事件处理函数中，可以轻松地访问并打印这些索引，从而实现对表格数据的精确操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在table中获取点击当前行、列索引

先开启table中的:cell-class-name="tableRowClassName",将rowIndex 和columnIndex 放入row 和 column 的属性中
再table中使用 @cell-dblclick="handleCellClick"函数

tableRowClassName ({row, column, rowIndex, columnIndex}) {
    //把每一行的索引放进row,和index
    row.index = rowIndex;
    column.index=columnIndex;
},
handleCellClick(row, column, cell, event) {
    console.log(row.index)
    console.log(column.index)
},