el-pagination换页添加刷新功能

element-ui的换页组件el-pagination添加刷新的功能

效果如图

1. 添加换页组件，在layout添加slot字段

layout="total, sizes, prev, pager, next, jumper, slot"

2.在el-pagination组件里面添加按钮即可，可以根据需求添加各种组件

3.完整代码

<el-pagination
            :current-page="currentPage"
            :page-sizes="[10, 20, 30, 40, 50]"
            :page-size="pagesize"
            :total="total"
            layout="total, sizes, prev, pager, next, jumper, slot"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
          >
            <el-button class="refresh-button" icon="el-icon-refresh" title="刷新" @click="getTableData" />
          </el-pagination>