Agregue un número de serie al componente de la tabla el-table en el elemento ui (cada página comienza desde 1 y sigue aumentando)

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.

Supongo que te gusta

Origin blog.csdn.net/a1059526327/article/details/108446952
Recomendado
Clasificación