基于vue完成分页/翻页组件paginator

项目背景

做列表页时,不可避免会用到分页,亲爱的们啊,如今发放福利喽!
npm直接装置运用,另有木有更轻易的了,O(∩_∩)O哈哈~
这是一个基于vue的paginator组件,话不多说,直接开撸github地点: vue-paginator-simple

demo img

当页数小于999(包含999)页

页数大于999页

首页或尾页disabled

10页以内显现

正在研讨怎样做出一个demo宣布到网上,后续会发demo地点

npm装置

npm install vue-paginator-simple --save-dev

Props传参

pageCount //总页数

[initPage] //初始页,选填(场景举例: URL直接指向第三页)

Event监听事宜

@togglePage //切换页面,本组件会返回当前点击的页数

Usage用法

Code源码 vue-paginator-simple

分页组件 paginator.vue