vxe-table 获取行索引

vxe-table 是Vue生态系统中一款强大的表格组件，它提供了丰富的功能和定制选项。如果你想获取vxe-table中的行索引，你可以通过监听`row-click`事件或者使用它的API直接获取。

1. **监听row-click事件**：当用户点击某一行时，这个事件会被触发，并传递当前行的数据以及行的索引。例如，在Vue模板中，你可以这样做：

<vxe-table @row-click="handleRowClick" />

然后在methods中处理这个事件：

methods: {
  handleRowClick(row, index) {
    console.log('行索引:', index);
  }
}

2. **使用API**：如果你需要在组件生命周期内随时获取行索引，可以访问`tableRef`对象的`$refs`属性，找到`table-body`部分并查找行数据。每个行都有一个`index`属性表示其索引位置。

<template>
  <div ref="myTable"></div>
</template>

<script>
export default {
  mounted() {
    const tableBody = this.$refs.myTable.$el.querySelector('.xetable-body');
    // 然后遍历每一项获取行索引
    tableBody.querySelectorAll('tr').forEach((row, index) => {
      console.log(`行${index}的索引:`, index);
    });
  },
}
</script>