若依vue版 el-table-column 添加序号列（复制粘贴两步到位）

最新推荐文章于 2024-08-17 20:46:26 发布

揽月随风醉

最新推荐文章于 2024-08-17 20:46:26 发布

阅读量1.6k

点赞数 3

分类专栏： vue 文章标签： vue.js 前端 java

本文链接：https://blog.csdn.net/qq_46100517/article/details/129881234

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在这里插入图片描述

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)
      }
    },