Ускоренная разбивка на страницы VueJS

#javascript #vue.js #pagination #bootstrap-vue

#javascript #vue.js #разбивка на страницы #bootstrap-vue

Вопрос:

Я использую разбиение на страницы с начальной загрузкой.

Это то, чего я пытаюсь достичь: введите описание изображения здесь

Я понятия не имею, как это сделать, это мой код:

 <b-pagination v-model="currentPage" :total-rows="notices.length" :per-page="perPage" hide-goto-end-buttons limit="2" ellipsis-text="of">
  <template v-slot:prev-text><IconPaginationPrev /></template> <!--using a different icon here-->
  <template v-slot:next-text><IconPaginationNext /></template> <!--using a different icon here-->
</b-pagination>
  

Вот как это выглядит с моей стороны:

введите описание изображения здесь

Как я могу добавить это слово «of», тогда последняя страница всегда будет там?

Спасибо и надеюсь на помощь!

Ответ №1:

Собственный bootstrap предоставляет такие опции. В качестве альтернативы вы можете создать простой пейджер, подобный тому, который вам нужен, и сопоставить его события навигации по страницам с данными таблицы.