前端表格分页的功能快捷实现

最新推荐文章于 2024-03-19 10:41:41 发布

终不似、少年游

最新推荐文章于 2024-03-19 10:41:41 发布

阅读量216

点赞数 1

分类专栏： web前端学习笔记文章标签：前端

本文链接：https://blog.youkuaiyun.com/qq_45780380/article/details/124392425

版权

web前端学习笔记专栏收录该内容

61 篇文章

订阅专栏

前端表格分页的功能快捷实现

<el-table
                    v-if="activeName == item.name"
                    ref="multipleTable"
                    :data="outTable.slice(
                    (currentPage - 1) * pageSize,
                    currentPage * pageSize
                  )"

//页脚的部分代码     
                  
                  
                   <el-pagination
                  background
                  align="right"
                  @current-change="handleCurrentChange"
                  :current-page.sync="currentPage"
                  :page-size="pageSize"
                  layout="total, prev, pager, next,jumper"
                  :total="totalNum"
                >
                </el-pagination>

data 是表格全部的数据