Vue implementiert die Tabellenpaging-Funktion

<el-Tabelle
        v-loading="Liste wird geladen"
        :Daten="
          list.slice((aktuelleSeite - 1) * Seitengröße, aktuelleSeite * Seitengröße)
        "
        element-loading-text="Wird geladen"
        Aktuelle Zeile hervorheben
        Grenze
      >
        <el-table-column align="center" label="Seriennummer" width="90">
          <template slot-scope="Umfang">
            {{ Umfang.$index + 1 }}
          </Vorlage>
        </el-Tabellenspalte>
        <el-table-column label="Avatar" align="center" width="150">
          <template slot-scope="Umfang">
            <el-avatar :src="scope.row.avatar"></el-avatar>
          </Vorlage>
        </el-Tabellenspalte>
        <el-table-column align="center" label="UID" width="130">
          <template slot-scope="Umfang">
            {{ Umfang.row.UID }}
          </Vorlage>
        </el-Tabellenspalte>
        <el-table-column align="center" label="Benutzername" width="350">
          <template slot-scope="Umfang">
            {{ scope.row.benutzername }}
          </Vorlage>
        </el-Tabellenspalte>
        <el-table-column align="center" label="Spiel-ID" width="350">
          <template slot-scope="scope"> {{ scope.row.usernick }} </template>
        </el-Tabellenspalte>
        <el-table-column label="Autorisierungstyp" width="110" align="center">
          <template slot-scope="Umfang">
            <el-tag :type="scope.row.authorizationType | tagTypeFilter">{{
              Umfang.Zeile.Autorisierungstyp | Autorisierungstypfilter
            }}</el-tag>
          </Vorlage>
        </el-Tabellenspalte>
        <el-table-column align="center" label="Anzahl erfolgreicher Einladungen" width="150">
          <template slot-scope="scope">{{ scope.row.successNum }} </template>
        </el-Tabellenspalte>
        <!-- <el-table-column align="center" label="Vorgang" width="150">
          <template slot-scope="Umfang">
            <el-Schaltfläche
              Typ="primär"
              Größe="mini"
              @click="ändern(Umfang.$index, Umfang.Zeile)"
            >
              Ändern</el-button>
          </Vorlage>
        </el-table-column> -->
      </el-Tabelle>
      <!-- Seitennummerierung -->
      <div Klasse = "Block" Stil = "Margin-Top: 15px">
        <el-pagination
          ausrichten="rechts"
          @current-change="AktuelleÄnderung handhaben"
          :current-page="aktuelleSeite"
          :page-size="Seitengröße"
          Layout = "vorherige, Pager, nächste, insgesamt"
          Hintergrund
          :total="filterList.length"
          Auf einer einzelnen Seite ausblenden
        >
        </el-pagination>
</div>

Standard exportieren{
    Daten(){
        zurückkehren {
            currentPage:1//Aktuelle Seitenzahl pageSize:10//Anzahl der pro Seite anzuzeigenden Elemente list:[]//Anzuzeigende Tabellendaten}
        }
 
    Methoden{
            handleCurrentChange(Wert) {
            diese.aktuelleSeite = Wert;
        },
    }
 
}