vxe-table 获取行下标：使用 $index 获取当前行索引

vxe-table 模板可以通过 $index 来获取当前行的下标，具体使用方法如下：

<template>
  <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 title="操作">
      <template #default="{row}">
        <button @click="handleClick(row, $index)">编辑</button>
      </template>
    </vxe-table-column>
  </vxe-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        { name: '王五', age: 22 }
      ]
    }
  },
  methods: {
    handleClick(row, index) {
      console.log(row, index)
    }
  }
}
</script>

在模板中，可以使用 #default 作为默认插槽，通过 {row} 获取当前行的数据，通过 $index 获取当前行的下标。在该例子中，当用户点击编辑按钮时，会调用 handleClick 方法，并将当前行的数据和下标传递给该方法。