继承
none
用法
<Panel :bodyStyle="{padding:'20px'}">
<p>Total: {{total}}</p>
<p>Page Number: {{pageNumber}}</p>
<p>Page Size: {{pageSize}}</p>
<template slot="footer">
<Pagination :total="total" :pageSize="pageSize" :pageNumber="pageNumber" @pageChange="onPageChange($event)"></Pagination>
</template>
</Panel>
属性
名称 | 类型 | 描述 | 默认 |
---|---|---|---|
pageList | number[] | 定义可以更改大小。 | [10,20,30,40,50] |
loading | boolean | 定义是否正在加载数据。 | false |
showPageList | boolean | 定义是否显示页列表。 | true |
showPageInfo | boolean | 定义是否显示页面信息。 | true |
showPageRefresh | boolean | 定义是否显示刷新按钮。 | true |
links | number | 链接数量。 | 10 |
beforePageText | string | 在输入组件之前显示一个标签。 | Page |
afterPageText | string | 在输入组件之后显示一个标签。 | of {pages} |
displayMsg | string | 显示页面信息。 | Displaying {from} to {to} of {total} items |
layout | string[] | 分页布局定义。可选值是:'list','sep','first','prev','sep','tpl','sep','next','last','sep','refresh','info','links'. | ['first','prev','links','next','last','refresh'] |
pageNumber | number | 初始化页码。 | 1 |
pageSize | number | 初始化页面大小。 | 10 |
total | number | 初始化总记录数。 | 0 |
事件
名称 | 参数 | 描述 |
---|---|---|
pageChange | pageNumber,pageSize | 当页面更改时触发。 |