<div class="block">
<span class="demonstration">页数较少时的效果</span>
<el-pagination
#小型分页
small
#设置背景
background
#当前页数
:current-page="currentPage1"
# 超过多少页会显示成 ...
:pager-count="11"
#表示四个选项,每页显示 100 个,200 个,300 个或者 400 个。
:page-sizes="[100, 200, 300, 400]"
# page_size 每页的数量
:page-size="20"
#prev表示上一页,next为下一页,pager表示页码列表,加total
layout="prev, pager, next"
# total 表示总的数据量
#只有一页是否隐藏
hide-on-single-page=‘true'
:total="50">
</el-pagination>
</div>
layout中加total
layout中加sizes
layout中加jumper
背景色修改参考
https://blog.csdn.net/qq_34169240/article/details/105636909?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1.control