在这里插入图片描述

1、第一步

添加 type=“index” :index=“indexMethod”

<el-table-column label="序号" align="center" type="index" :index="indexMethod" />

2、第二步

表单分页序号还连着的关键
在这里插入图片描述

 /** 自定义编号 */
    indexMethod(index){
      let pageNum = this.queryParams.pageNum - 1;
      if((pageNum!==-1 && pageNum!==0)){
        return (index + 1) + (pageNum  * this.queryParams.pageSize);
      }else{
        return (index + 1)
      }
    },

简简单单,搞定

Logo

快速构建 Web 应用程序

更多推荐