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
77 lines
2.1 KiB
Markdown
77 lines
2.1 KiB
Markdown
# Pagination <small>翻页</small>
|
|
|
|
## 示例
|
|
|
|
### 尺寸
|
|
|
|
[[ demo src="/demo/pagination/size.vue" ]]
|
|
|
|
### 跳转到指定页
|
|
|
|
使用 [`goto`](#props-goto) 属性开启跳转到指定页的功能。
|
|
|
|
[[ demo src="/demo/pagination/goto.vue" ]]
|
|
|
|
|
|
### 每页个数
|
|
|
|
使用 `page-size` 属性来指定当前每页的个数。
|
|
|
|
使用 `page-sizes` 属性来指定每页个数候选项。
|
|
|
|
[[ demo src="/demo/pagination/pages.vue" ]]
|
|
|
|
## API
|
|
|
|
### 属性
|
|
|
|
| 名称 | 类型 | 默认值 | 描述 |
|
|
| -- | -- | -- | -- |
|
|
| ``ui`` | `string=` | - | [^ui] |
|
|
| ``page`` | `number` | `1` | 当前页码（从 `1` 开始）。 |
|
|
| ``total`` | `number` | - | 总页数。 |
|
|
| ``to`` | `string | Object` | `''` | [^to] |
|
|
| ``native`` | `boolean` | `false` | 原生链接跳转。 |
|
|
| ``page-size`` | `number` | `pagination.pageSize` | [^page-size] |
|
|
| ``page-sizes`` | `Array` | `pagination.pageSizes` | 每页个数候选项。 |
|
|
| ``goto`` | `boolean` | `false` | 是否显示直接跳转到页码。 |
|
|
|
|
^^^ui
|
|
预设样式。
|
|
|
|
+++枚举值
|
|
| 值 | 描述 |
|
|
| -- | -- |
|
|
| `xs` | 超小尺寸样式。 |
|
|
| `s` | 小尺寸样式。 |
|
|
| `m` | 中尺寸样式。 |
|
|
+++
|
|
^^^
|
|
|
|
^^^to
|
|
目标链接模板。类型见 [`Link`](./link) 组件的 [`to`](./link#props-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]` | 每页个数候选项。 |
|
|
|