Настройка видимых кнопок нумерации страниц - PullRequest
Новая
       25

Настройка видимых кнопок нумерации страниц

0 голосов
/ 29 марта 2019

Я использую нумерацию страниц vuetify, и код выглядит примерно так: 

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

Где n больше 7, если вы находитесь на первых нескольких страницах, он покажетпервые несколько страниц и последние несколько страниц.Я не хочу, чтобы он отображал последние несколько страниц.

Кроме того, скажем, что вы находитесь на странице 14 из n, он покажет первую страницу, страницы 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] ...>
~ ИЛИ ~
<>

1 Ответ

0 голосов
/ 06 апреля 2019

Я добавил следующее к компоненту, и он «работал»: 

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

... где «работал» означает, что видны только следующие / предыдущие стрелки.

...