Page 分页

    当数据量较多时，使用分页可以快速进行数据切换。

    基本

    基本的分页，页数过多时会自动折叠。

    Page 分页 - 图2

    每页数量

    可以切换每页显示的数量。

    2.     <Page :total="100" show-sizer />
    3. </template>
    4.     export default {
    6.     }
    7. </script>

    电梯

    快速跳转到某一页。

    总数

    显示总共多少条数据，接受 slot 来自定义内容，默认显示共{{ total }}条

    1. <template>
    2.     <Page :total="100" show-total />
    4. <script>
    5.     export default {
    6.     }
    7. </script>

    Page 分页 - 图5

    迷你型

    设置size为small使用迷你型，迷你型拥有普通的所有功能。

    简洁

    设置simple属性即可使用简洁版的分页，通过输入页码回车切换，或使用鼠标点击切换页码，或使用键盘的上下键来切换。简洁分页不能使用总数、电梯和切换数量。

    1. <template>
    2.     <Page :current="2" :total="50" simple />
    4. <script>
    5.     export default {
    7.     }

    上一页和下一页

    使用属性 prev-text 和 next-text，替代图标显示为文字。