Vue+Element realizes paging effect

<el-card>
  <!-- User List Area -->
  <el-table :data="rightsList.slice((currentPage-1)*pagesize,currentPage*pagesize)" border stripe>
    <el-table-column label="#" type="index"></el-table-column>
    <el-table-column label="Authorization Name" prop="authName"></el-table-column>
  </el-table>

  <!--Paging area-->
  <el-pagination
      @size-change="size_change" //Triggered when pageSize changes @current-change="current_change" //Triggered when currentPage changes:current-page="currentPage" //Current page number:page-sizes="[10,20,30]" //Option setting for the selector of the number of items displayed per page:page-size="pagesize" //Number of items displayed per page layout="total, sizes, prev, pager, next, jumper" //Component layout:total="rightsList.length //Total number of items"> 
  </el-pagination>
</el-card>

data() {
   return {
        rightsList:[], //list data total:0, //total number of entries pagesize:10, //number of entries displayed per page currentPage:1, //current page number}
},

methods:{
   //Listen for pagesize change events size_change(newSize){
       this.pagesize = newSize
   }
   //Listen for page value changes current_change(newPage){
       this.currentPage = newPage
   },
   
}