elementUI Table获取单击的是第几行和第几列

最新推荐文章于 2024-12-17 09:42:34 发布

A 风

最新推荐文章于 2024-12-17 09:42:34 发布

阅读量538

点赞数 3

文章标签： elementui

本文链接：https://blog.youkuaiyun.com/gxdzi/article/details/144091299

版权

<!--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);
    }
}