Почему у меня некорректно отображает страница пагинации?

Question

[Руслан Абсалямов]

Мой пример https://codesandbox.io/s/pyvjxxnnvj
Выходит в /src/components/PaginationComponent.vue у меня странно цифры отображаются
То есть нажимаешь на 3 допустим, предыдущая цифра должна показаться 2, но она не показывается и показывается последняя цифра 3. Если взять и нажать на 5, то ничего не будет кроме страницы 5, хотя мне кажется что slice он должен же брать диапазон цифр

//PaginationComponent.vue:10
<li class="page-item" v-for="pageNumber in pages.slice(page - 1, page + 5)"><a class="page-link" @click.prevent="page = pageNumber">{{ pageNumber }}</a></li>

Answer 1

[Алексей Ярков]

мне кажется что slice он должен же брать диапазон цифр

А слабо прочесть доку, чтобы была уверенность, а не "мне кажется"?

Comments

[Руслан Абсалямов]

<li class="page-item" v-for="pageNumber in pagesSlice"><a class="page-link" @click.prevent="page = pageNumber; pagePagination(page, perPage)">{{ pageNumber }}</a></li>

computed: {
    pagesSlice: function() {
      let startNumber = 0;
      if(this.page === 1){
        startNumber = 1
      } else {
        startNumber = 2
      }
      return this.pages.slice(this.page - startNumber, this.page + 2);
    }
  },

[Алексей Ярков]

Рад что удалось помочь ))