Vuetify，如何使用v分页来显示接下来的两个、三个站点

npm install vuetify
# 或者
yarn add vuetify

import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';

Vue.use(Vuetify);

new Vue({
  // ...
}).$mount('#app');

<template>
  <div>
    <v-pagination
      v-model="currentPage"
      :length="totalPages"
      :prev-icon="prevIcon"
      :next-icon="nextIcon"
      :items-per-page="itemsPerPage"
    ></v-pagination>

    <!-- 根据当前页码和每页数量计算要显示的站点 -->
    <ul>
      <li v-for="site in displayedSites" :key="site">{{ site }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentPage: 1,
      totalPages: 5,
      itemsPerPage: 2,
      sites: ['Site 1', 'Site 2', 'Site 3', 'Site 4', 'Site 5']
    };
  },
  computed: {
    displayedSites() {
      const startIndex = (this.currentPage - 1) * this.itemsPerPage;
      const endIndex = startIndex + this.itemsPerPage;
      return this.sites.slice(startIndex, endIndex);
    },
    prevIcon() {
      return this.currentPage > 1 ? 'mdi-chevron-left' : '';
    },
    nextIcon() {
      return this.currentPage < this.totalPages ? 'mdi-chevron-right' : '';
    }
  }
};
</script>