elementui表格序号自动加上

2021年4月10日 146次阅读 来源: m0_49471668

不论在表格中如何新增删除表格数据，序号总是从1开始递增排序，原理是根据表格分页中当前页数与当前页条数来计算的

<el-table-column prop="ownerUserid" label="序号" sortable>
          <template slot-scope="scope">
            <span v-text="getIndex(scope.$index)"> </span>
          </template>
        </el-table-column>
//获取表格序号
    getIndex($index) {
      return (this.Form.pageNo - 1) * this.Form.pageSize + $index + 1;
    },

效果：《elementui表格序号自动加上》

    原文作者：m0_49471668
    原文地址: https://blog.csdn.net/m0_49471668/article/details/120930998
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞