获取elementUI表格的某一个单元格的列和行

Question

我用了@cell-click得到了四个参数，但是我还是没有找到行和列，我就想得到我点击的单元格在第几行第几列。

Answer 1

参数顺序是row, column, cell, event
这里的column，其实是cell，得到的是该行的html元素
打印row[column.property]才有值

至于获取行列的索引，可以这样

<!--html-->
<el-table :cell-class-name="tableCellClassName" @cell-click="cellClick">
    ...
</el-table>

//js
methods:{
    tableCellClassName({row, column, rowIndex, columnIndex}){//注意这里是解构
      //利用单元格的 className 的回调方法，给行列索引赋值
      row.index=rowIndex;
      column.index=columnIndex;
    },
    cellClick(row, column, cell, event){
      console.log(row.index);
      console.log(column.index);
    }
}

Answer 2

你参数的顺序错了。