由于页面设计得弹窗他宽度不够,还要分成三部分,中间部分是选择人的分页,这就很难办了,把能省的都省了,宽度还是太大,就想着把分页跳转的改少一些,设置可选的跳转为3页,其余省略号显示,我选择了pager-count,如下:
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="leftPage.currentPage"
layout="prev, pager, next,sies, jumper"
:total="10"
:pagerCount="2"
></el-pagination>
虽然页面显示出来了。。。但是报错了
页面:
报错:
[Vue warn]: Invalid prop: custom validator check failed for prop "pagerCount".
完了就去查了element的手册
意思就是pager-count只能设置5-21的奇数,无法实现只显示两个页码所以我就给设置了最小值5了,结果页面显示还可以。