在Element UI组件里面的表格组件里面怎么拿到每一行的index

 1.在表格组件里面添加点击事件

<template>
  <div>
    <el-table :data="tableData" @row-click="handleRowClick">
      <el-table-column prop="date" label="日期"></el-table-column>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
  </div>
</template>

2.

<script>
export default {
  data () {
    return {
      tableData: [
        { date: '2021-10-01', name: '张三', address: '北京市' },
        { date: '2021-10-02', name: '李四', address: '上海市' },
        { date: '2021-10-03', name: '王五', address: '广州市' }
      ]
    }
  },
  methods: {
    handleRowClick (row) {
      // 获取当前点击的行的index
      const index = this.tableData.indexOf(row)
      console.log('当前点击的行的index为：', index)
    }
  }
}
</script>

在handleClick方法中，可以获取到当前点击的行的index，例如：