el-pagination换页添加刷新功能

最新推荐文章于 2025-03-10 23:58:06 发布

sqwu

最新推荐文章于 2025-03-10 23:58:06 发布

阅读量2.6k

点赞数 1

分类专栏： element

本文链接：https://blog.csdn.net/qq_42345108/article/details/104361987

版权

element 专栏收录该内容

26 篇文章

订阅专栏

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>