Skip to content

Pagination 分页

用于分页浏览大量数据。

js
import { Pagination } from '@kupola/components/pagination'

const pagination = Pagination({
  current: 1,
  pageSize: 20,
  total: 120,
  onChange: ({ current, pageSize }) => {
    loadPage(current, pageSize)
  },
})

document.body.appendChild(pagination.element)

常用选项

选项说明
current当前页
pageSize每页条数
total总条数
pageSizeOptions每页条数选项
onChange页码或 pageSize 变化回调

方法

  • setPage(page)
  • setPageSize(size)
  • destroy()