element 中 el-table中 选择某一条数据，拿到这条数据在整个列表中的位置 代码示例

获取el-table中选中数据的位置

在Element UI的el-table组件中，可以通过监听selection-change事件来获取选中的数据，并计算其在列表中的位置。以下是代码示例：

<template>
  <el-table
    :data="tableData"
    ref="multipleTable"
    @selection-change="handleSelectionChange"
  >
    <el-table-column
      type="selection"
      width="55"
    ></el-table-column>
    <el-table-column
      label="日期"
      prop="date"
    ></el-table-column>
    <el-table-column
      label="姓名"
      prop="name"
    ></el-table-column>
    <el-table-column
      label="地址"
      prop="address"
    ></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄',
        },
        // ...其他数据
      ],
      selectedData: [],
    };
  },
  methods: {
    handleSelectionChange(val) {
      this.selectedData = val;
      const index = this.tableData.findIndex(
        (item) => item === this.selectedData[0]
      );
      console.log('选中数据的索引:', index);
    },
  },
};
</script>

• 要点总结描述1：使用el-table的selection-change事件函数来获取选中的数据。1
• 要点总结描述2：通过this.$refs.table.getSelections()获取当前选中的数据数组。7
• 要点总结描述3：使用Array.findIndex()方法找到选中数据在原数组中的位置。6