基于vue的element-ui中无总页数的分页封装

借鉴于https://blog.csdn.net/NirvanaRebirth/article/details/92412794，感谢！

上面介绍的很详细，同时在此基础上进行了样式上的调整，样式写的比较杂，仅供参考

效果图（需求是由于数据比较多，不全部展示分页码）

组件代码如下：

 父组件代码及传值

data中数据，亲测advance与nextPages相等且为奇数更为美观
      flag: true,
      advance: 11, // 分页组件可显示的最多页码数
      nextPages: 11, // 当前页前后包含的页数
      totalResults: 1000, // 总数
      pageSizes: [10, 20, 50, 100, 200], // 每页展示条数

下图为nextPages为10，nextPages-1 / 2 即为当前页左右两边的数目

 最后一段代码关于下拉框的样式加到合适的地方去 能生效就行

.el-input--mini .el-input__inner {
  height: 30px !important;
  font-size: 13px;
}