vis-pagination

a pagination for vue

Usage no npm install needed!

<script type="module">
  import visPagination from 'https://cdn.skypack.dev/vis-pagination';
</script>

README

vis-pagination

A pagination component for Vue.js.

install

  npm install vis-pagination

Usage

import Vue from 'vue'
import {Pagin, PaginRoute} from 'vis-pagination'

Vue.use(Pagin)
vue.use(PaginRoute)

or

import Vue from 'vue'
import { Pagin, PaginRoute } from 'vis-pagination'

Vue.component('Pagin', Pagin)
Vue.component('PaginRoute', PaginRoute)

Pagin为不带路由跳转,适用于一些弹出层上的分页;PaginRoute为带路跳转,适用于主页面上表单

Table Attributes

参数 说明 类型 可选值 默认值
pageindexKey 当前页使用的key的名称 String pageIndex
pagesizeKey 每页的数量的key的名称 String - pageSize
lang 分页使用的语种 String en/zh-CN en
minPagesize 每页显示最小条数 String - 1
maxPagesize 每页显示最大条数 String - 100
pagesize 每页显示的条数 Number - 10
pageindex 当前第几页 Number - 1
total 总条数 Number - -
ui UI配制 Array - []
changePage 分页改变时的回调函数 function en/zh-CN en