自定义可见的vuetify分页按钮

Question

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

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

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

另外，假设您位于n的第14页，它将显示第一页，第13-15页和第n页。我希望它在第14页周围显示+/-一定范围的页面（范围为2表示12-16可见）。至少，我只想显示下一个和上一个按钮。

它的作用：
<[1] [2] [3] ... [n -2] [n-1] [n]>
<[1] ... [k-1] [k] [k + 1] ... [n]>

我想要什么：
<[1] [2] [3] [4] [5] ...>
<... [k-1] [k] [k + 1] ...>
〜或〜
<>

Answer 1

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

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

......“有效”表示只有下一个/上一个箭头可见。