elementUI Table组件点击取当前行索引

在Element UI的Table组件中，你可以通过监听row-click事件来获取当前行的索引。以下是一个简单的例子：

<template>
  <el-table
    :data="tableData"
    @row-click="handleRowClick">
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <!-- 其他列 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{ date: '2016-05-02', name: '王小虎' }, { date: '2016-05-04', name: '张小刚' }],
    };
  },
  methods: {
    handleRowClick(row, event, column) {
      const rowIndex = this.tableData.indexOf(row);
      console.log('当前行索引:', rowIndex);
    }
  }
};
</script>

在这个例子中，当你点击表格的一行时，handleRowClick方法会被调用，并且当前行的索引会被打印出来。row-click事件的回调函数接收三个参数：当前行的数据对象row、事件对象event和当前列数据column。通过在tableData中搜索row，你可以找到它的索引。