vue3+el-table获取选中行的index

在Vue3和Element Plus（即Vue的UI库Element的升级版本）中获取`el-table`组件选中行的索引可以通过几种方式实现。以下是一个基本的示例，展示了如何在Vue3中使用Element Plus的表格组件来获取选中行的索引：

首先，你需要在组件中引入`el-table`和`el-table-column`组件，并且为表格设置一个`row-key`属性，这个属性通常是行数据的唯一标识，比如`id`字段。

然后，在表格中添加一个选择框，可以通过`type="selection"`来实现。同时，你需要为表格添加一个事件监听器，比如`@selection-change`，来监听选择框的变化。

在事件处理函数中，你可以通过事件对象`$event`来获取当前选中项的索引。

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    row-key="id"
    @selection-change="handleSelectionChange">
    <el-table-column
      type="selection"
      width="55">
    </el-table-column>
    <!-- 其他列 -->
  </el-table>
</template>

<script setup>
import { ref } from 'vue';

const tableData = ref([
  // 表格数据
]);

const handleSelectionChange = (selection, rows) => {
  // `selection` 是当前选中的行数据数组
  // `rows` 是所有行数据数组
  if (rows.length) {
    const selectedIndexes = rows.map(row => tableData.value.indexOf(row));
    console.log(selectedIndexes); // 这里就是当前选中行的索引数组
  }
};
</script>

请注意，上面的代码是一个示例，其中`handleSelectionChange`函数将输出所有选中行的索引。