ElementUI table 自定义序号

ElementUI的table可以显示序号，只要新增一个列，将type属性定义为index就可以显示了：

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

但是这个序号，切换页码后，又从1开始。现在的需求是切换页码后，需要从上一页最后一个开始计算，即第一页为1-10，第二页就是11-20，所以肯定和pageSize和currentPage有关，下面是自定义序号的代码：

<el-table-column align="center" type="index" label="序号" width="80">
    <template slot-scope="scope">
        <span>{{ (currentPage -1) *pagesize+scope.$index+1 }}</span>
    </template>
</el-table-column>

这里的pageSize即每页显示条数，currentPage表示当前页码

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！