vxe-table template获取下标

VXE-Table是基于Vue.js的一个强大的表格组件库，可以方便地实现表格的展示、排序、筛选、分页、编辑等功能。若需要获取下标，可以使用v-for指令循环渲染表格行数据，并在模板中使用$index获取当前行的下标。

例如：

<vxe-table :data="tableData">
  <vxe-table-column type="index" width="60"></vxe-table-column>
  <vxe-table-column field="name" title="姓名"></vxe-table-column>
  <vxe-table-column field="age" title="年龄"></vxe-table-column>
  <vxe-table-column field="gender" title="性别"></vxe-table-column>
</vxe-table>

在模板中使用$index获取当前行的下标：

<vxe-table :data="tableData">
  <vxe-table-column type="index" width="60"></vxe-table-column>
  <vxe-table-column field="name" title="姓名"></vxe-table-column>
  <vxe-table-column field="age" title="年龄"></vxe-table-column>
  <vxe-table-column field="gender" title="性别"></vxe-table-column>
  <vxe-table-column title="操作">
    <template #cell="{row}">
      <button @click="handleEdit(row, $index)">编辑</button>
    </template>
  </vxe-table-column>
</vxe-table>

在上述代码中，使用了v-for指令循环渲染表格行数据，同时在操作列中使用了$index获取当前行的下标，以便在编辑操作中使用