elementUI监听点击当前行数

Element UI 是一套基于 Vue.js 的开源 UI 组件库，它提供了一个表格组件 `el-table`，如果你想监听用户点击表格每一行（current row click），你可以利用 Element UI 的事件系统来实现。以下是简单的步骤：

1. 首先，在你的 Vue 实例中，你需要在数据对象中添加一个数组表示表格的数据源，例如：

data() {
  return {
    tableData: [
      { name: 'Row 1', age: 25 },
      { name: 'Row 2', age: 30 },
      // 更多数据...
    ],
  };
}

2. 然后在 `el-table` 标签中设置 `@row-click` 事件监听器，这个事件会在用户点击表格行时触发，接收当前点击行的索引作为参数：

<template>
  <el-table :data="tableData" @row-click="handleCurrentRowClick">
    <!-- 表格列定义... -->
  </el-table>
</template>

<script>
methods: {
  handleCurrentRowClick(row, event) {
    console.log(`Clicked on row ${event.rowindex}, data:`, row);
    // 在这里你可以根据需要执行你的逻辑，比如更新状态、跳转页面等
  },
},
</script>

在这个例子中，`rowindex` 是行的索引，`row` 是点击行的对象。