// 表格组件
<el-table-column
:fixed="false"
:index="getIndex"
type="index"
label="序号"
width="100"
>
// 分页组件
<el-pagination
:page-sizes="[10, 20, 30, 40]"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
// 分页组件事件 当前页改变 监听分页组件
handleCurrentChange () {
// 获取表格序列号
this.startIndex = (this.forUser.page - 1) * this.forUser.pageSize
}
// 获取索引加上起始值
getIndex(index) {
return index + this.startIndex + 1
}