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 |