4.6 KiB
4.6 KiB
::: anchor :::
::: title 基本介绍 :::
::: describe 提供极致的分页逻辑，既可轻松胜任异步分页，也可作为页面刷新式分页。 :::
::: title 基础使用 :::
::: demo 使用 lay-page 标签, 创建分页
:::
::: title 简洁模式 :::
::: demo
:::
::: title 设置主题 :::
::: demo
:::
::: title 分页容量 :::
::: demo
:::
::: title 回调事件 :::
::: demo
:::
::: title 完整分页 :::
::: demo
update model {{ current5 }} update limit {{ limit5 }}:::
::: title Page 属性 :::
::: table
| 属性 | 描述 | 默认值 |
|---|---|---|
| v-model | 当前页 | -- |
| limit | 每页数量 | -- |
| total | 总条数 | -- |
| showCount | 显示总数 | false |
| showPage | 显示每页 | false |
| showLimit | 显示每页数量 | false |
| showRefresh | 显示刷新按钮 | false |
| showSkip | 显示跳转 | false |
| pages | 显示切页按钮数量 | 10 |
| limits | 切换每页数量的选择项 | [10,20,30,40,50] |
| theme | 主题色 | green |
:::
::: title Page 事件 :::
::: table
| 事件 | 描述 | 参数 | 版本 |
|---|---|---|---|
| jump | 切换回调 | { current: 当前页面 } | 移除 |
| limit | 每页数量变化 | 变化后的值 | 移除 |
| change | 分页事件 | { current: 当前页码, limit: 每页数量 } | 1.4.3 |
:::
::: title Page 插槽 :::
::: table
| 插槽 | 描述 | 默认值 |
|---|---|---|
| prev | 上一页 | 上一页 |
| next | 下一页 | 下一页 |
:::
::: contributor page :::
::: previousNext page :::