不论在表格中如何新增删除表格数据,序号总是从1开始递增排序,原理是根据表格分页中当前页数与当前页条数来计算的
<el-table-column prop="ownerUserid" label="序号" sortable>
<template slot-scope="scope">
<span v-text="getIndex(scope.$index)"> </span>
</template>
</el-table-column>
//获取表格序号
getIndex($index) {
return (this.Form.pageNo - 1) * this.Form.pageSize + $index + 1;
},
效果: