解决element-ui 表格分页序号不递增问题。

问题描述:

element-ui table表格中,序号列,进行分页,如翻到第二页序号仍然从1开始,并没有递增。

<el-table-column label="序号" type="index" width="120" />

《解决element-ui 表格分页序号不递增问题。》

 《解决element-ui 表格分页序号不递增问题。》

 解决办法:

<el-table-column label="序号" type="index" width="120" :index="count" />
methods: {
    // 解决序号第二页从1开始的问题
    // this.page.page 是当前页
    // this.page.pagesize 是每页显示条目个数
    count(index) {
      return (this.page.page - 1) * this.page.pagesize + index + 1
    }
}

如果对你有帮助记得点个关注哦~

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