elment-ui el-pagination 缩减页码的显示值

根据产品大大的指挥 来修改样式，查了一下饿了么的库，来记录分享一下吧，譬如写出来如下图， 但是咧，看起来很丑，多少有点不美观，那咱就来改一下！

（我刚开始的时候，想着改一下css，达到产品的效果。这当然是个不优雅的选择）

修改前：

修改后：

其实只需要加一个属性，

<el-pagination
  :page-size="20"
  :pager-count="5"
  layout="prev, pager, next"
  :total="1000">
</el-pagination>

官网是这么说的：默认情况下，当总页数超过 7 页时，Pagination 会折叠多余的页码按钮。通过pager-count属性可以设置最大页码按钮数。

那么默认值应该是11，这里我修改的是5，看到别的up主说pager-count只能设置5-21的奇数，无法实现只显示两个页码，我倒是也懒得试。暂时没求证哈哈。

---

如果有帮助到你，就点个赞或者关注吧~