theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[修复] 分页组件中的最大页码数量计算时机导致的显示问题

Browse Source
This commit is contained in:
castleiMac
2022-01-08 11:24:17 +08:00
parent 3b337aeba1
commit 797e24ee16
2 changed files with 64 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
example/docs/zh-CN/components/page.md
View File

@@ -7,7 +7,7 @@
::: demo
<template>
<lay-page :limit="limit" :total="total" :show-page="showPage"></lay-page>
<lay-page :limit="limit" @limit="limit = $event" :total="total" :show-page="showPage"></lay-page>
</template>
<script>
@@ -37,7 +37,7 @@ export default {
::: demo
<template>
<lay-page :limit="limit" :total="total"></lay-page>
<lay-page :limit="limit" @limit="limit = $event" :total="total"></lay-page>
</template>
<script>
@@ -65,7 +65,7 @@ export default {
::: demo
<template>
<lay-page :limit="limit" :total="total">
<lay-page :limit="limit" @limit="limit = $event" :total="total">
<template v-slot:prev>上</template>
<template v-slot:next>下</template>
</lay-page>
@@ -96,11 +96,11 @@ export default {
::: demo
<template>
<lay-page :limit="limit" :total="total" :show-page="showPage" theme="red"></lay-page>
<lay-page :limit="limit" @limit="limit = $event" :total="total" :show-page="showPage" theme="red"></lay-page>
<br>
<lay-page :limit="limit" :total="total" :show-page="showPage" theme="blue"></lay-page>
<lay-page :limit="limit" @limit="limit = $event" :total="total" :show-page="showPage" theme="blue"></lay-page>
<br>
<lay-page :limit="limit" :total="total" :show-page="showPage" theme="orange"></lay-page>
<lay-page :limit="limit" @limit="limit = $event" :total="total" :show-page="showPage" theme="orange"></lay-page>
</template>
<script>
@@ -124,7 +124,7 @@ export default {
:::
::: title 完整分页
::: title 指定分页容量
:::
::: demo
@@ -222,13 +222,13 @@ export default {
:::
::: title 切换事件
::: title 页码切换事件(jump)
:::
::: demo
<template>
<lay-page :limit="limit" :total="total" @jump="jump" :show-page="showSkip"></lay-page>
<lay-page :limit="limit" :total="total" @jump="jump" @limit="limit = $event" :show-page="showSkip"></lay-page>
</template>
<script>
@@ -270,6 +270,8 @@ export default {
| showLimit | 显示每页数量 | `false` |
| showRefresh | 显示刷新按钮 | `false` |
| showSkip | 显示跳转 | `false` |
| pages | 显示切页按钮数量 | `10` |
| limits | 切换每页数量的选择项 | `[10,20,30,40,50]` |
:::
@@ -281,6 +283,7 @@ export default {
| 事件 | 描述 | 参数 |
| ---- | -------- | --------------------- |
| jump | 切换回调 | { current: 当前页面 } |
| limit | 每页数量变化 | 变化后的值 |
:::