Pagination 分页

当数据量过多时，使用分页分解数据。

基础用法

内容至少要有一个Dom元素标签

large

default

mini

Total 64

Go to

html

<os-pagination :total="1265" 
:current="1" 
:size="10" 
:page-change="handlePageChange"></os-pagination>

align属性能更改对齐方式，默认为space-between两端对齐，目前能更改为space-between left right center四种对齐方式，或参考CSS justify-content

Total 1265

Go to

html

<os-pagination :total="1265" 
:current="1" 
:size="10" 
align="center"
:page-change="handlePageChange"></os-pagination>

visable-layout属性能控制所需要显示的内容，目前为字符串数组类型，默认为['sizes', 'total', 'prev', 'pager', 'next', 'jump']，能通过删减其中项进行隐藏内容，如下例已删除页数更改，页码切换与跳转页。

Total 1265

html

<os-pagination :total="1265" 
:current="1" 
:size="10" 
:page-change="handlePageChange"
:visable-layout="['total', 'prev', 'next']"></os-pagination>