翻页序号衔接累加

最新推荐文章于 2022-04-01 13:29:12 发布

屈先生的球衣

最新推荐文章于 2022-04-01 13:29:12 发布

阅读量256

点赞数

文章标签： elementui javascript 前端

本文链接：https://blog.csdn.net/Dcsdn2105/article/details/122167241

版权

在写项目中遇到了这个问题，记录一下

一般在写表格需要时候直接使用element-ui中type="index"即可，但是牵扯到序号累加就需要用到公式

temeplate中

<el-table-colum type="index"  fixed align="center" :index="table_index" 
//这里绑定一个方法(名字随意起)，将返回值赋给index,即表格每行数据的下标>

</el-table-colum>

script中

methods:{

        table_index(index){

                return ( this.page -1 )* this.limit + index + 1

}

}

注意： page是当前页，limit是当前页的大小，index为传过来的每条数据序号

例如：每页展示30条信息

当前页为1：（1-1） * 30 + index + 1；1-30循环序号=》每个序号上逐渐+1

当前页为2： (2-1) * 30 + index + 1； 31-60循环序号=》第二页从31开始逐渐+1

关注