Home

Awesome

vue-laypage

A simple pagination component for Vue.js, Based on layPage

NPM version Vue 2.x NPM downloads

Installation and Use

$ npm install vue-laypage --save

import Laypage from 'vue-laypage'
import 'vue-laypage/vue-laypage.css'

export default {
  components: {
    Laypage
  }
}

or

import Vue from 'vue'
import Laypage from 'vue-laypage'
import 'vue-laypage/vue-laypage.css'

Vue.use(Laypage)

Props

NameTypeDescription
pagesNumber总页数，必填
groupsNumber一组显示几页，默认为5
prevString, Number, Boolean上一页按钮的文字，false 不显示
nextString, Number, Boolean下一页按钮的文字，false 不显示
firstString, Number, Boolean首页按钮的文字，false 不显示
lastString, Number, Boolean尾页按钮的文字，false 不显示
skinString按钮高亮的颜色，默认#42b983
skipBoolean是否显示跳转
jumpFunction触发分页后的回调，返回当前页

LICENSE

MIT