el-table分页后序号连续的两种方法

实现效果:

第一页排序到10,第二页的排序应从11开始

el-table分页后序号连续的两种方法_第1张图片

 

 el-table分页后序号连续的两种方法_第2张图片

 实现方法一:

在el-table的序号列中使用template定义


  
      
  

实现方法二:

在el-table的序号列中进行index的方法定义,本质上还是进行了当前页码数乘以每页条数后加1的操作。

在methods中:

indexAdd(index) {
      const page = this.pageParams.page // 当前页码
      const pagesize = this.pageParams.pagesize // 每页条数
      return index + 1 + (page - 1) * pagesize
}

你可能感兴趣的:(vue.js,elementui,javascript,vue,前端)