iview table 实现分页后序号自增

问题描述:iview使用table中type:“index” ,分页之后,每页的索引还是从1开始。

解决方法如下:

使用render函数进行处理:

page:当前第几页

pageSize:每页多少行

相关代码如下:

{
  width: 80, align: 'center', title: '序号', render: (h, params) => {
    return h('span', params.index + (this.page - 1) * this.pageSize + 1);
  }
}

注意:要把原始的 type:'index' 去掉

效果如下:

 

posted @ 2022-07-25 15:25  活着凑个人数  阅读(369)  评论(0编辑  收藏  举报