vl

vue-laypage

📃 A simple pagination component for Vue.js 2.x

Showing:

Popularity

Downloads/wk

14

GitHub Stars

26

Maintenance

Last Commit

3yrs ago

Contributors

2

Package

Dependencies

0

Size (min+gzip)

1.3KB

License

MIT

Type Definitions

Tree-Shakeable

Yes?

Categories

Vue Pagination

Readme

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

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100