Vue + Element realisiert Paging-Effekt

<el-Karte>
  <!-- Benutzerlistenbereich -->
  <el-table :data="rightsList.slice((currentPage-1)*Seitengröße,currentPage*Seitengröße)" Rahmenstreifen>
    <el-table-column label="#" type="index"></el-table-column>
    <el-table-column label="Autorisierungsname" prop="authName"></el-table-column>
  </el-Tabelle>

  <!--Paging-Bereich-->
  <el-pagination
      @size-change="size_change" //Wird ausgelöst, wenn sich die Seitengröße ändert @current-change="current_change" //Wird ausgelöst, wenn sich die aktuelle Seite ändert:current-page="currentPage" //Aktuelle Seitenzahl:page-sizes="[10,20,30]" //Optionseinstellung für den Selektor der Anzahl der pro Seite angezeigten Elemente:page-size="pagesize" //Anzahl der pro Seite angezeigten Elemente layout="total, sizes, prev, pager, next, jumper" //Komponentenlayout:total="rightsList.length //Gesamtzahl der Elemente"> 
  </el-pagination>
</el-Karte>

Daten() {
   zurückkehren {
        rightsList:[], //Listendaten total:0, //Gesamtzahl der Einträge pagesize:10, //Anzahl der pro Seite angezeigten Einträge currentPage:1, //aktuelle Seitenzahl}
},

Methoden:{
   //Auf Ereignisse zur Seitengrößenänderung warten size_change(newSize){
       this.pagesize = neueGröße
   }
   //Auf Änderungen der Seitenwerte warten current_change(newPage){
       diese.aktuelleSeite = neueSeite
   },
   
}