1、在 el-table 行里面设置好 row-class-name

<el-table :row-class-name="tableRowClassName" @row-click="rowClick">
    
</el-table>

2、给每一行row的数据对象里添加index属性

tableRowClassName({ row, rowIndex }) {
      row.index = rowIndex;
    },

3、监听行的点击事件

rowClick(row) {
    console.log(row);  // 当前点击的行数据
    console.log(row.index);   // 当前点击的行的索引值
},

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐