问题:element-plus的分页组件只显示一个箭头
描述:开发公司后台管理项目时,点击退出登录,再次登录进入到页面,element-plus的分页组件只显示了第一个箭头,但刷新页面后,分页组件显示正常,以为是缓存的原因,想了各种方法(退出登录时重置路由、尝试不用keep-alive包裹组件、点击登录按钮直接刷新整个页面(location.href=‘要跳转的地址’)), but没用
原来代码:
<el-pagination
:current-page="pageNum"
:page-sizes="pageSizes"
:page-size="pageSize"
layout="prev, pager, next, jumper, sizes"
:page-count="pageCount"
@current-change="handlePageChange"
@size-change="handlePageSizeChange">
</el-pagination>
显示效果:

解决:于是对比官网的例子,也没有找出来哪里不同,emmmmm…弄半天,最后好像发现了规律,将代码改成了这样:
<el-pagination
:current-page="pageNum"
:page-sizes="pageSizes"
:page-size="pageSize"
layout="prev,pager,next,jumper,sizes"
:page-count="pageCount"
@current-change="handlePageChange"
@size-change="handlePageSizeChange">
</el-pagination>
显示正常:

(ps:官网例子中分页组件layout配置也是带了空格的,可能是我自己的项目中配置了某些东西,所以导致了这个问题,所以解决的方式也很奇葩…)