Bootstrap 分页,如何显示设置的页面链接数
Bootsrap pagination, how to show set number of page links
分页显示 4 个链接,然后是一个椭圆 (...)。我有足够的宽度,我需要显示 10 个分页链接。这是我的:
<b-pagination-nav
prev-text="Prev"
next-text="Next"
base-url="/"
v-model="thePage"
:link-gen="linkGen"
:number-of-pages="10"
:per-page="1"></b-pagination-nav>
它看起来像这样:
如何让它显示更多页面链接?
你要找的是道具“limit”
:limit="10"
来自 bootstrap-vue 文档:
限制显示按钮的数量
要限制显示的页面按钮(包括省略号,但不包括第一个、上一个、下一个和最后一个按钮)的数量,请使用 limit 属性指定所需的页面按钮数量(包括省略号,如果显示)。默认限制为 5。支持的最小值为 3。当限制设置为 3 时,出于实用目的,将不显示省略号指示符。
https://bootstrap-vue.org/docs/components/pagination-nav#limiting-the-number-of-displayed-buttons
分页显示 4 个链接,然后是一个椭圆 (...)。我有足够的宽度,我需要显示 10 个分页链接。这是我的:
<b-pagination-nav
prev-text="Prev"
next-text="Next"
base-url="/"
v-model="thePage"
:link-gen="linkGen"
:number-of-pages="10"
:per-page="1"></b-pagination-nav>
它看起来像这样:
如何让它显示更多页面链接?
你要找的是道具“limit”
:limit="10"
来自 bootstrap-vue 文档:
限制显示按钮的数量 要限制显示的页面按钮(包括省略号,但不包括第一个、上一个、下一个和最后一个按钮)的数量,请使用 limit 属性指定所需的页面按钮数量(包括省略号,如果显示)。默认限制为 5。支持的最小值为 3。当限制设置为 3 时,出于实用目的,将不显示省略号指示符。
https://bootstrap-vue.org/docs/components/pagination-nav#limiting-the-number-of-displayed-buttons