vue-laypage

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

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

Name	Type	Description
pages	Number	总页数，必填
groups	Number	一组显示几页，默认为5
prev	String, Number, Boolean	上一页按钮的文字，false 不显示
next	String, Number, Boolean	下一页按钮的文字，false 不显示
first	String, Number, Boolean	首页按钮的文字，false 不显示
last	String, Number, Boolean	尾页按钮的文字，false 不显示
skin	String	按钮高亮的颜色，默认#42b983
skip	Boolean	是否显示跳转
jump	Function	触发分页后的回调，返回当前页

LICENSE

MIT