分页是项目中常会用到的，网上的插件也很多，但是有些功能太齐全反而不是必要的，所以抽时间自己写了一下(小白写代码，若发现问题还请及时赐教，感激不尽……)

如图，想要一个这样的页码：

　　a. 上一页、下一页固定展示

　　b. 第一页、最后一页固定展示

　　c. 中间，即：左右...之间需要展示的页码个数可自定义

　　d. 可任意选择页面展示数据条数

一、不需要展示 ，只展示页码，需要定义3个变量：pageNum（当前页码）、totalNum（总页码）、middleSize（中间，即左右...之间需要展示的页码 个数）

　　1、totalNum <= middleSize+2时，只显示1,2,3,4没有...，（为什么是totalNum <= middleSize+2，而不是totalNum <= middleSize，这是因为第一个、最后一页是固定展示的），totalNum=7，middleSize=5，展示情况如下图：

　　2、pageNum <= middleSize时，右侧...显示，totalNum=8，middleSize=5，展示情况如下图：

　　3、pageNum >= totalNum - ( middleSize - 1 )时，左侧...显示，totalNum=100, middleSize=5，展示情况如下图：

 

　　4、除以上3种情况，左右两侧...都展示，那中间页码如何展示，代码如下：

// ④ 展示左右两侧的'...'let pages = [1, '...'];// 当左右两侧的...都展示时，中间的页码该如何展示呢？其实就是 当前页码 - (中间要展示页码的个数/2向下取整) 到 当前页码 + (中间要展示页码的个数/2向下取整)即可const half = Math.floor(this.middleSize/2); // 向下取整 for(let i=this.pageNum-half; i<=this.pageNum+half; i++) {    pages.push(i);}pages.push('...');pages.push(this.totalNum);return pages;

二、左侧页面展示条数代码实现较简单，可查看全部代码：

1 
       30  31 112 113 

 

（注：记住一个原则就可实现分页，右点左侧页码个数 = middleSize， 左点右侧页码个数 = middleSize，totalNum<=middleSize+2无点只有页码，除以上三种情况外左右两侧...都展示）