element-ui 分页中slot的用法(自定义分页显示内容)

原文链接：https://www.cnblogs.com/wangmaoling/p/11056913.html

官方给的简单的例子以及效果。

image.png

自定义内容，需要在 layout 中列出 slot

image.png

<el-pagination
@current-change="handleCurrentChange"
:page-size="pageSize"
  background
  layout="total, slot, prev, pager, next"
  :total="total">
<!--这就是slot所在位置的内容-->
<span>当前展示{{ totalShow }}条</span>
</el-pagination>

效果:

image.png

按照文档在layout 添加slot, "total, slot, prev, pager, next"这几个参数可以随意调换位置，然后分页显示效果会根据调换的位置显示相应内容。