32632e796e
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
2.1 KiB
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 为原生的事件对象,在 native 为 true 时,调用 event.preventDefault 可阻止跳转。 |
全局配置
配置项 | 类型 | 默认值 | 描述 |
---|---|---|---|
pagination.pageSize |
number |
30 |
每页个数。 |
pagination.pageSizes |
Array<number> |
[30, 50, 100] |
每页个数候选项。 |