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

elment-ui el-pagination 缩减页码的显示值,第1张

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

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

修改前:

修改后:

其实只需要加一个属性,


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

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


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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/733002.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-27
下一篇 2022-04-27

发表评论

登录后才能评论

评论列表(0条)

保存