当前位置: 代码迷 >> 综合 >> Element-UI Pagination 分页
  详细解决方案

Element-UI Pagination 分页

热度:76   发布时间:2023-11-05 04:05:24.0
<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表示页码列表,加totallayout="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

  相关解决方案