vxe-table获取选中行的下标

vxe-table 是一个基于 Vue.js 的表格组件，如果你想获取选中行的下标，你可以使用 `$refs.table.getCheckboxRecords` 方法来获取选中的行数据，然后遍历数据列表，找到对应的行下标即可。

示例代码如下：

const tableData = this.$refs.table.getCheckboxRecords()
for (let i = 0; i < tableData.length; i++) {
  if (tableData[i] === target) {
    return i
  }
}

其中 `target` 是你要查找的行数据，`tableData` 是表格中所有的数据列表。

希望这能帮到你！

相关问题

vxe-table获取checkbox选中行的下标

vxe-table是一个基于Vue.js的表格组件，如果要获取checkbox选中行的下标，你可以使用vxe-table的selection属性。

在vxe-table中，selection属性是一个数组，其中包含了当前checkbox选中的行的信息。你可以使用selection属性来获取checkbox选中行的下标。

例如：

<template>
  <vxe-table :data="tableData" :selection="selected" @select-change="handleSelectionChange">
    <!-- table columns -->
  </vxe-table>
</template>

<script>
export default {
  data () {
    return {
      selected: [],
      tableData: [
        { id: 1, name: 'a' },
        { id: 2, name: 'b' },
        { id: 3, name: 'c' }
      ]
    }
  },
  methods: {
    handleSelectionChange (selection) {
      this.selected = selection
      console.log(selection)
    }
  }
}
</script>

上面的代码中，当用户选中checkbox时，会触发select-change事件，事件处理函数中会接收到当前checkbox选中的行的信息，你可以使用这些信息来获取选中行的下标。

你也可以直接使用vxe-table的selection属性来获取当前checkbox选中的行信息，例如：

const selected = this.$refs.table.selection
console.log(selected)

这样就可以获取到checkbox选中行的信息了。

vxe-table如何获取选中行的下标

vxe-table可以通过监听表格的`select-change`事件来获取选中行的下标。

具体的操作步骤如下：

1. 在表格组件上添加`@select-change`事件监听器，绑定一个方法：

<vxe-table @select-change="onSelectChange"></vxe-table>

2. 在methods中定义`onSelectChange`方法，该方法接收两个参数，第一个参数是选中的行数组，第二个参数是所有选中行的下标：

methods: {
  onSelectChange(selectedRows, selectedRowIndexes) {
    console.log(selectedRowIndexes);
  }
}

其中`selectedRowIndexes`就是选中行的下标数组，您可以在这个回调函数中进行下一步的操作。

希望这个回答能够帮助到您。