翻页序号衔接累加

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

一般在写表格需要时候直接使用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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值