docs_vue2/one/docs/components/pagination.md
Justineo 32632e796e docs: update docs
Change-Id: I76d0f72679cd75085f5ffd42f641daa198cafe11

docs: update docs for alert/autocomplete/carousel, etc.

Change-Id: Ib7507f4979024f53c127e4b64b88560b93999db7

fix: update for autocomplete filter

Change-Id: Ie54556715fa52838aeb6caaa19b4f9a9f14b490f

docs: add docs for calendar/transfer/cascader

Change-Id: I655b3cb3d25dd0649de9ae7e224e7063a40dd079

fix: add more demos for input/textarea

Change-Id: Iada527ca82643a435a4775110b332155512d62a7

docs: add docs for uploader,select,table, etc.

Change-Id: Ib034fd5cc9d9a420d4e002956ae925175783c5f3

docs: adjust formatting and punc.

docs: adjust docs for uploader, etc.

Change-Id: If06c8c1102eafce43f5802a333676fc9e62cd474

docs: add docs for nav

Change-Id: If56a653ec53f19239606128fd30cae80f8e10025

docs: improve anchor demos

Change-Id: I6ac1c08cc8905924d0062def1f8921fe1f302f15

docs: refine wording and format

docs: update docs for check-button-group desc

Change-Id: Ica7d6d0692250f0be6bd330b1ad4cc41938afd46
2021-10-25 20:10:29 +08:00

2.1 KiB

Pagination 翻页

示例

尺寸

跳转到指定页

使用 goto 属性开启跳转到指定页的功能。

每页个数

使用 page-size 属性来指定当前每页的个数。

使用 page-sizes 属性来指定每页个数候选项。

API

属性

名称 类型 默认值 描述
ui string= - [^ui]
page number 1 当前页码(从 1 开始)。
total number - 总页数。
to `string Object` ''
native boolean false 原生链接跳转。
page-size number pagination.pageSize [^page-size]
page-sizes Array pagination.pageSizes 每页个数候选项。
goto boolean false 是否显示直接跳转到页码。

^^^ui 预设样式。

+++枚举值

描述
xs 超小尺寸样式。
s 小尺寸样式。
m 中尺寸样式。
+++
^^^

^^^to 目标链接模板。类型见 Link 组件的 to 属性。其中,类型为 string 路径时其中的 :page 关键词会被替换为实际页码。类型为 Object 时,会将起转换为 string 后替换掉 :page 部分。 ^^^

^^^page-size :::badges .sync :::

每页个数。 ^^^

事件

名称 描述
pagesizechange page-size 改变时触发,回调参数为 (size: number)size 为新的 page-size 值。
redirect 链接跳转时触发,回调参数为 (page: number, event: Object)page 为要跳转的目标页码。event 为原生的事件对象,在 nativetrue 时,调用 event.preventDefault 可阻止跳转。

全局配置

配置项 类型 默认值 描述
pagination.pageSize number 30 每页个数。
pagination.pageSizes Array<number> [30, 50, 100] 每页个数候选项。