如何自定义el-pagination组件

常见的是这样的:
在这里插入图片描述

<div class="block">
    <span class="demonstration">页数较少时的效果</span>
    <el-pagination
      layout="total,prev, pager, next"
      background
      :total="50">
    </el-pagination>
  </div>

第*/*的效果+上下翻页(翻页按钮可以自己根据UI设置)
在这里插入图片描述

 <el-pagination
      layout="total,prev, slot, next"// 注:一定要有slot
      background
      :current-page="currentPage"
      :total="total">
      {
    
    {
    
    currentPage}}/{
    
    {
    
    total}}
    </el-pagination>

文档说明如下
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_42931285/article/details/124875877