Table添加序号

Vue 添加从1开始 添加序号

在template 添加

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

在script添加

1
2
3
4
5
6
7
8
9
/** 自定义编号 */
 indexMethod(index) {
    let pageNum = this.queryParams.pageNum - 1;
    if ((pageNum !== -1 && pageNum !== 0)) {
        return (index + 1) + (pageNum * this.queryParams.pageSize);
   } else {
        return (index + 1)
   }
 }