vue3获取element表格index

在 Vue3 中，如果你想要获取 Element UI 表格 (`el-table`) 的行索引，可以利用 `v-for` 循环时提供的 `key` 和 `index` 属性。当你点击或操作每一行时，Vue 组件会暴露事件，比如 `@row-click` 或者通过 `ref` 监听 `table-ref` 的 `currentRow` 属性。

例如，假设你有一个 `Table` 组件并绑定了一个数组 `data`：

<template>
  <el-table :data="data" ref="tableRef">
    <el-table-column type="index"></el-table-column>
    <!-- 其他列... -->
    <el-table-row v-for="(item, index) in data" :key="index">
      <el-button @click="handleRowClick(index)">点击获取索引</el-button>
    </el-table-row>
  </el-table>
</template>

<script>
export default {
  methods: {
    handleRowClick(index) {
      console.log('当前行的索引:', index);
    }
  },
  setup() {
    return { data };
  }
};
</script>

在这个例子中，`handleRowClick` 函数会在点击行时被调用，并传入相应的索引值。