elementUI使用Pagination分页组件增加自定义slot

起初看文档,并不是一看就秒懂…
还是记录下吧。
solt:

在这里插入图片描述
layout:
在这里插入图片描述
其实很简单,只需要在任意位置拼接solt即可…
看例子:

    <div class="pagination">
      <el-pagination
        style="display:flex"
        background
        :pager-count="5"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :page-sizes="[10,100, 200, 300]"
        :current-page="pageTotal.currentPage"
        :page-size="pageTotal.pageSize"
        :total="pageTotal.totalSize"
        layout="slot,prev, pager, next,sizes,slot"
      >
        <div key="1">第一个slot</div>
        <div key="2">第二个slot</div>
      </el-pagination>
    </div>
    <!-- layout="total, sizes, prev, pager, next, jumper" -->

在这里插入图片描述

在这里插入图片描述
样式自己调整就ok了。

GitHub 加速计划 / eleme / element
11
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:8 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐