如何访问v-data-table当前页面和每页项目来计算行数索引？

// 假设你有一个 v-data-table 组件实例
const dataTable = this.$refs.dataTable;

// 获取当前页码
const currentPage = dataTable.page;

// 获取每页行数
const rowsPerPage = dataTable.rowsPerPage;

// 获取总行数
const totalItems = dataTable.totalItems;

// 计算当前页面的起始行索引
const startIndex = (currentPage - 1) * rowsPerPage;

// 计算当前页面的结束行索引
const endIndex = Math.min(startIndex + rowsPerPage, totalItems);

<template>
  <v-data-table
    ref="dataTable"
    :headers="headers"
    :items="desserts"
    :rows-per-page-items="[5, 10, 15]"
    :rows-per-page.sync="rowsPerPage"
    :page.sync="currentPage"
    :total-items="totalItems"
  ></v-data-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        { text: 'Dessert (100g serving)', align: 'start', sortable: false, value: 'name' },
        { text: 'Calories', value: 'calories' },
        { text: 'Fat (g)', value: 'fat' },
        { text: 'Carbs (g)', value: 'carbs' },
        { text: 'Protein (g)', value: 'protein' },
      ],
      desserts: [
        // 假设这里有很多数据
      ],
      rowsPerPage: 5,
      currentPage: 1,
      totalItems: 100,
    };
  },
  methods: {
    calculateRowIndexes() {
      const dataTable = this.$refs.dataTable;
      const currentPage = dataTable.page;
      const rowsPerPage = dataTable.rowsPerPage;
      const totalItems = dataTable.totalItems;

      const startIndex = (currentPage - 1) * rowsPerPage;
      const endIndex = Math.min(startIndex + rowsPerPage, totalItems);

      console.log('Start Index:', startIndex);
      console.log('End Index:', endIndex);
    },
  },
  mounted() {
    this.calculateRowIndexes();
  },
};
</script>