在使用element-ui 的table表格时,都会发现它每一页的序号都会从1开始,那怎么才能让它延续上一页的序号呢?
研究 element-ui 文档发现table表格属性中有一个index属性
index属性写明了,如果设置了 type=index ,那么可以通过传递 index 属性来自定义索引
<el-table-column label="序号" type="index" :index="getIndex" width="50" />
如上述代码:
我们可以使用方法来自定义索引号:
// 翻页让序号延续递增
getindex(index) {
// 获取页码
const page = this.pageParams.page
// 获取当前1页多少条
const size = this.pageParams.size
console.log(page, size)
// 当前页数 - 1 * 每页数据条数 + index + 1
return (page - 1) * size + index + 1
}