Vue+Elementでページング効果を実現

<el-card>
  <!-- ユーザーリストエリア -->
  <el-table :data="rightsList.slice((currentPage-1)*pagesize,currentPage*pagesize)" ボーダー ストライプ>
    <el-table-column ラベル="#" タイプ="インデックス"></el-table-column>
    <el-table-column label="認証名" prop="authName"></el-table-column>
  </el-table>

  <!--ページング領域-->
  <el-ページネーション
      @size-change="size_change" //pageSize が変更されたときにトリガーされます @current-change="current_change" //currentPage が変更されたときにトリガーされます:current-page="currentPage" //現在のページ番号:page-sizes="[10,20,30]" //ページあたりに表示されるアイテム数のセレクターのオプション設定:page-size="pagesize" //ページあたりに表示されるアイテム数 layout="total, sizes, prev, pager, next, jumper" //コンポーネントレイアウト:total="rightsList.length //アイテムの合計数"> 
  </el-pagination>
</el-card>

データ（） {
   戻る {
        rightsList:[], //リストデータ total:0, //エントリの総数 pagesize:10, //ページあたりに表示されるエントリ数 currentPage:1, //現在のページ番号}
},

方法:{
   //ページサイズの変更イベントをリッスンする size_change(newSize){
       this.pagesize = 新しいサイズ
   }
   //ページ値の変更をリッスンします current_change(newPage){
       this.currentPage = 新しいページ
   },
   
}