元素表格翻页第2页从1开始编号(后端从0开始分页)

  

项目中常见的分页显示,第二页从1开始编号,然后在切换分页的过程中,偶现不对,都是小问题,整理记录一下,供参考。
  模板:

        …   & lt; el-table-column   type="指数"   label="编号”   :指数=" getIndex”   宽度=" 80 px”比;   & lt;/el-table-column>   …   & lt;分页   :总=白堋?   :页大?"页大小"   :当前页=暗鼻耙场?   @sizeChange=" sizeChange "   @currentChange=癱urrentChange”比;   & lt;/Pagination>   之前      

脚本:         getIndex(指数){   如果(this.currentPage==0) {   返回(this.currentPage) *。页大小+指数+ 1   其他}{   返回(this.currentPage-1) *。页大小+指数+ 1   }   },   之前      

由于后端第一页是从0开始的,而前端是从第一页开始,所以需要在当前页减1。关于分页,本页条数

        sizeChange (val) {   让=这个;   那当前页=1;   那页大?val;   that.getPageInfo (。当前页,val);   },   之前      

跳转页面

        currentChange (val) {   让=这个;   那当前页=val;   那getPageInfo (val, that.pageSize);   },   之前      

页面加载数据

        getUserList(当前页,页大小){   让=这个;   美元。axios ({   方法:“得到”,   url:“* * *”,   参数:{   当前页:(currentPage | |。当前页| | 1)1,   页大小:pageSize | |。页大小| | 10   },   needInterceptors:没错,   showError:没错,   装载机:真   })(函数(结果){   让数据=https://www.yisu.com/zixun/result & &结果。数据| | [];   让页面=结果& &结果。pageCont | | {};   那总=页面。totalItems | | 0;   那tableData=数据;   })   },   之前      

试了几次,这样写应该是没有问题的,也解决了后端传0开始的问题。

  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

元素表格翻页第2页从1开始编号(后端从0开始分页)