vue + element ui 的el-table数据分页显示数据序号,如一页10条,从第二页开始序号为11,而不是还是从1开始

上代码

 
      
    

i n d e x 为 下 标 , e l − t a b l e 组 件 默 认 每 一 页 都 是 从 0 开 始 , 例 : 每 页 10 条 , 第 二 页 第 一 个 序 号 为 ( 2 − 1 ) ∗ 10 + 0 + 1 = 11 , 序 号 为 11.......... ( t h i s . c u r r e n t P a g e − 1 ) ∗ t h i s . p a g e S i z e + index为下标,el-table组件默认每一页都是从0开始,例:每页10条,第二页第一个序号为 (2-1)*10+0+1=11,序号为11.......... (this.currentPage-1)*this.pageSize+ indexeltable0102110+0+1=1111..........(this.currentPage1)this.pageSize+index+1就是这个意思

methods:{
    //获取表格序号
    getIndex($index){
      //$index为数据下标,对英序号要加一
      console.log($index)
      return (this.currentPage-1)*this.pageSize+$index+1
    },
    }

你可能感兴趣的:(vue + element ui 的el-table数据分页显示数据序号,如一页10条,从第二页开始序号为11,而不是还是从1开始)