@omiu/pagination

Used to display a large number of list data in multiple pages.

Usage no npm install needed!

<script type="module">
  import omiuPagination from 'https://cdn.skypack.dev/@omiu/pagination';
</script>

README

Pagination

Used to display a large number of list data in multiple pages.

Import

import '@omiu/pagination'

Or use script tag to ref it.

<script src="https://unpkg.com/@omiu/pagination"></script>

Usage

<o-pagination></o-pagination>

API

Props

{
  total: number
  pageSize: number
  numDisplay: number
  currentPage: number
  numEdge: number
  linkTo: string
  prevText: string
  nextText: string
  ellipseText: string
  prevShow: boolean
  nextShow: boolean
}

默认属性

{
  total: 0,
  pageSize: 10,
  numDisplay: 5,
  currentPage: 0,
  numEdge: 3,
  linkTo: '#',
  prevText: 'Prev',
  nextText: 'Next',
  ellipseText: '...',
  prevShow: true,
  nextShow: true
)

Events

  • change