el-table翻页时序号重置问题的解决

最新推荐文章于 2024-09-17 12:27:13 发布

WSX2018

最新推荐文章于 2024-09-17 12:27:13 发布

阅读量646

点赞数 7

文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/wsx981049288/article/details/135535586

版权

文章讲述了在Vue项目中，使用ElementUI的表格组件时遇到序号在翻页后重置为1的问题，解决方案是通过在methods中绑定`index`属性，并提供了一个`getPageIndex`方法来计算并返回连续的序号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：

翻页时，序号重置为1了，按理来说第二页应该是11开始。

解决方法：

绑定:index，后面在methods方法中添加翻页计算

<el-table-column label="序号" type="index" :index="getPageIndex"> </el-table-column>

        //翻页时，确保序号连续
        getPageIndex(index) {
            const page = this.pageNo
            const pagesize = this.pageSize
            // 当前页数 - 1 * 每页数据条数 + index + 1 
            return (page - 1) * pagesize + index + 1
        },