问题:element-ui的分页器在设置后,总页面数异常,不匹配总条数与单页显示数,设置page-size后页面也无变化
<ElPagination
style="textAlign:center"
:total="total"
:current-page="page"
:page-size="limit"
:pages = 'pages'
@current-change ="pageHandler"
layout="prev, pager, next, jumper, ->, sizes,total">
</ElPagination>
对应的参数:
对应的样式:
原因:
page-size设置的值,是page-sizes数组中有的值,如果page-size的数值是page-sizes的数组里面没有值的,那么就会默认取page-sizes当中的第一个值作为默认值,也就是默认单页面渲染条数。
page-sizes:在不设置的情况下,存在默认值(如下所示)
:page-sizes = " [10, 20, 30, 40, 50, 100] "
解决方法:文章来源:https://www.toymoban.com/news/detail-503969.html
为page-sizes手动设定,并且在之后的使用中注意,二者成对使用,以免出现页码不匹配的问题。文章来源地址https://www.toymoban.com/news/detail-503969.html
到了这里,关于关于element-ui的分页器设置每一页显示数量(page-size)后页码并没有变化的问题与解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!