el-table 表格分页序号问题

最新推荐文章于 2024-08-19 15:36:06 发布

郑源龙

最新推荐文章于 2024-08-19 15:36:06 发布

阅读量774

点赞数 3

文章标签： vue.js elementui 前端

本文链接：https://blog.csdn.net/weixin_69811594/article/details/137541721

版权

文章讨论了在使用ElementUI的el-table-column时，如何在type=index模式下实现按页获取动态的条数序号，当切换分页时，序号不是从1开始而是从当前页数乘以每页大小加1开始计算。

摘要由CSDN通过智能技术生成

el-table-column 本身提供type='index'

但是每次切换分页序号都是1-9

想要获取当前页数的条数序号获取不到

<el-table-column label="序号" width="60"  align="center">
                <template #default="scope">
                    <div>
                        {{ (queryParams.pageNum -1) *queryParams.pageSize + scope.$index +1 }}
                    </div>
                </template>
            </el-table-column>