Cada página se ordena empezando por 1:
element-ui nos proporciona íntimamente un índice personalizado, que puede definir varios números de serie que queremos
De la siguiente manera: simplemente aumente type = "index" y contará desde 1 por defecto
<el-table-column align="center" label="序号" type="index" width="180"></el-table-column>
Pero en este método, cada página se ordena desde 1, si desea seguir aumentando, debe usar el segundo método a continuación.
Ordene en orden creciente a partir de 1:
En el-table:
<el-table-column label="序号" align="center" min-width="30">
<template slot-scope="scope">
<span v-text="getIndex(scope.$index)"> </span>
</template>
</el-table-column>
En métodos:
//获取表格序号
getIndex($index) {
//表格序号
return (this.currentPage - 1) * this.pageSize + $index + 1
},
Entre ellos, currentPage es la página actual y pageSize es el número de elementos que se muestran en cada página (página actual), que se puede modificar de acuerdo con su propio nombre de campo.
O puede abreviar directamente de la siguiente manera sin métodos de escritura:
<el-table-column align="center" label="序号" width="180">
<template scope="scope">
<span>{
{(currentPage - 1) * pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
En este punto, el problema se ha resuelto.