element-ui 表格 selection-change，获取勾选后的index索引值

在 `element-ui` 的表格组件中，可以使用 `selection-change` 事件来监听勾选的变化。当勾选状态发生变化时，该事件会触发，同时会传递一个参数为当前勾选中的数据列表。

如果需要获取勾选后的索引值，可以遍历这个数据列表，获取每个勾选中数据的 `index` 属性值。例如：

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

<script>
export default {
  data() {
    return {
      tableData: [
        { date: '2022-01-01', name: '张三', address: '上海市普陀区金沙江路 1518 弄' },
        { date: '2022-01-02', name: '李四', address: '上海市普陀区金沙江路 1517 弄' },
        { date: '2022-01-03', name: '王五', address: '上海市普陀区金沙江路 1519 弄' },
        { date: '2022-01-04', name: '赵六', address: '上海市普陀区金沙江路 1516 弄' }
      ],
      selectedRows: []
    }
  },
  methods: {
    handleSelectionChange(rows) {
      // 遍历勾选中的数据，获取索引值
      this.selectedRows = rows.map(row => this.tableData.indexOf(row))
    }
  }
}
</script>

在上面的例子中，我们在 `handleSelectionChange` 方法中通过遍历 `rows` 数组来获取勾选的数据在 `tableData` 中的索引值，并将这些索引值存储在 `selectedRows` 数组中。你可以根据实际需求对这些索引值进行进一步的处理。