エレメント-UI

<el-pagination			
@size-change="handleSizeChange" <!--ページに表示できるデータ数の選択を変更する--。>
@current-change="handleCurrentChange" <!--現在のページ番号の処理>
:current-page="queryInfo.pagenum"
:page-sizes="[1,2,3,4,5]"
:page-size="queryInfo.pagesize"
layout="total, sizes, prev, pager, next, jumper" :total="total" >
 </el-pagination>

 export default {
 data() {
 return {
 queryInfo: {
 query: "",
 // 現在のページ
 pagenum: 1,
 pagesize: 2
 },
 userList: [],
 total: 0,
 value: false,
 }
 },
 created() {
 this.getUserList();
 },
 methods: {
 async getUserList() {
 const { data: res } = await this.$http.get("users", { params: this.queryInfo });
 if (res.meta.status !== 200) {
 return this.$message.error("データの取得に失敗した");
 }
 this.userList = res.data.users;
 this.total = res.data.total;
 console.log(this.userList);
 },
 // pageSizeChangeを聞く
 handleSizeChange(newSize) {
 this.queryInfo.pagesize = newSize;
 this.getUserList();
 },
 // ページ番号の値を変更するイベントをリッスンする
 handleCurrentChange(newPage) {
 console.log(newPage);
 this.queryInfo.pagenum = newPage;
 this.getUserList();
 }
 }
 }