自定义可见的 vuetify 分页按钮

Question

我正在使用 vuetify 分页，代码看起来像这样：

<v-pagination
  v-model="page"
  :length="n"
  total-visible="7"
></v-pagination>

如果n 大于 7，如果您在前几页，它将显示前几页和最后几页。我不希望它显示最后几页。

另外，假设您在 n 的第 14 页，它将显示第一页、第 13-15 页和 nth 页。我希望它显示 +/- 第 14 页周围的某些页面范围（范围为 2 意味着可见 12-16）。稍后，我只想显示下一个和上一个按钮。

它的作用：

我想要什么：


〜或〜

Answer 1

我在组件中添加了以下内容，它“工作”了：

<style scoped>
  /deep/ .v-pagination__item{
    display: none;
  }
  /deep/ .v-pagination__more{
    display: none;
  }
</style>

...“工作”意味着只有下一个/上一个箭头可见。