引导分页 + Vue JS

Posted 2023-02-22

【中文标题】引导分页 + Vue JS

【英文标题】：Boostrap Pagination + VueJS

【发布时间】：2020-12-26 12:05:20

【问题描述】：

我正在使用bootstrap pagination。

这就是我想要完成的：

我不知道如何实现，这是我的代码：

<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】：

本机引导程序提供此类选项。或者，您可以设计一个您需要的简单寻呼机，并将其页面导航事件映射到表格数据。