vxe-table获取checkbox所选择的行的下标

### 回答1：
vxe-table 是一个基于 Vue.js 的表格组件，如果要获取 checkbox 所选择的行的下标，可以使用 vxe-table 的 selection 属性。

首先，在表格的列配置中，使用 type: 'checkbox' 指定某一列为 checkbox 列，并为该列配置选择项：

columns: [
  {
    type: 'checkbox',
    selection: {
      // 选择项的配置
    }
  },
  // 其他列
]

然后，你可以使用 vxe-table 的 selection 属性获取选择的行的下标，它是一个数组，数组中的每一项表示一个选中的行的下标。

例如，你可以在模板中使用 v-for 指令来遍历 selection 数组，然后获取选中的行的信息：

<template>
  <vxe-table ref="table" :data="data" :columns="columns">
  </vxe-table>
</template>

<script>
export default {
  data() {
    return {
      data: [
        // 表格数据
      ],
      columns: [
        {
          type: 'checkbox',
          selection: {
            // 选择项的配置
          }
        },
        // 其他列
      ]
    }
  },
  computed: {
    selection() {
      return this.$refs.table.selection
    }
  }
}
</script>

<template>
  <ul>
    <li v-for="(index, item) in selection" :key="index">
      {{ item }}
    </li>
  </ul>
</template>

你还可以通过 vxe-table 的 $ref 获取表格的实例，然后使用实例的 selection 属性获取选中的行的下标：

this.$refs.table.selection

### 回答2：
vxe-table是一个基于Vue.js的表格组件，它提供了很多功能，包括复选框列。要获取vxe-table中checkbox所选择的行的下标，可以遵循以下步骤：

1. 在Vue组件中引入vxe-table，并在页面中使用vxe-table标签创建表格。
2. 在表格列中添加checkbox列，通过设置type属性为"checkbox"即可。
3. 为checkbox列绑定一个自定义的selection-change事件。
4. 在事件处理函数中，通过调用vxe-table提供的方法getCheckboxRecords()来获取被勾选的行的数据，然后可以通过遍历行数据数组得到每一行的行号。

下面是一个简单的示例代码：

<template>
  <vxe-table
    :data="tableData"
    show-checkbox
    @selection-change="handleSelectionChange"
  >
    <vxe-column type="checkbox"></vxe-column>
    <vxe-column field="name" title="姓名"></vxe-column>
    <vxe-column field="age" title="年龄"></vxe-column>
    <vxe-column field="gender" title="性别"></vxe-column>
  </vxe-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20, gender: '男' },
        { name: '李四', age: 22, gender: '女' },
        { name: '王五', age: 25, gender: '男' },
      ],
    };
  },
  methods: {
    handleSelectionChange(selection) {
      // 获取被勾选的行的数据
      const selectedRows = this.$refs.table.getCheckboxRecords(selection);
      // 遍历行数据数组，获取每一行的行号
      const selectedIndexes = selectedRows.map((row) =>
        this.tableData.indexOf(row)
      );
      console.log(selectedIndexes);
    },
  },
};
</script>

在上述代码中，我们在表格中添加了checkbox列，并为其绑定了selection-change事件。在事件处理函数中，通过调用this.$refs.table.getCheckboxRecords(selection)方法获取到被勾选的行的数据数组selectedRows，然后通过遍历该数组使用indexOf()方法在原始数据数组tableData中找到每一行数据的行号，最后将行号数组selectedIndexes打印出来。这样，我们就能够获取到checkbox所选择的行的下标了。

### 回答3：
vxe-table是一个基于Vue.js的高可用数据表格组件，可以实现各种功能，包括多选框checkbox操作。

要获取vxe-table中checkbox所选择的行的下标，可以通过以下步骤实现：

1. 在Vue.js中引入vxe-table组件，并在data中定义一个checkbox选项的变量，例如"selectedRows"。
2. 在vxe-table中的列设置中添加一个type属性为"selection"的列，用于显示checkbox。
3. 在vxe-table中的列设置中定义一个选中事件属性，例如"@select-change"，在该事件中更新selectedRows变量。
4. 在Vue.js的methods中定义一个函数，用于获取checkbox所选中行的下标。在该函数中，遍历selectedRows，通过数组的indexOf方法获取每个选中行的下标，并将结果保存在一个新的数组indexes中。
5. 在需要获取选中行下标的地方调用该函数，即可得到checkbox所选择的行的下标。

例子如下：

<template>
  <div>
    <vxe-table :data="tableData" @select-change="handleSelectChange">
      <vxe-table-column type="selection"></vxe-table-column>
      <vxe-table-column field="name" title="姓名"></vxe-table-column>
      <vxe-table-column field="age" title="年龄"></vxe-table-column>
    </vxe-table>
    <button @click="getSelectedIndexes">获取选中行下标</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        { name: '王五', age: 30 }
      ],
      selectedRows: []
    }
  },
  methods: {
    handleSelectChange(selection) {
      this.selectedRows = selection
    },
    getSelectedIndexes() {
      let indexes = []
      for (let i = 0; i < this.selectedRows.length; i++) {
        let index = this.tableData.indexOf(this.selectedRows[i])
        indexes.push(index)
      }
      console.log(indexes)
    }
  }
}
</script>

在上述例子中，通过点击"获取选中行下表"按钮，即可在控制台输出checkbox所选择的行的下标。