Vue使用Axios和elementui实现查询分页功能

npm install axios --save-dev

npm i -D element-plus

getSelect() {
                //get请求
                axios.get("http://localhost:8899/select",{
                        params:{
                            pageNum:this.pagelist.currentPage4,
                            pageSize:this.pagelist.pageSize4
                        }
                }).then(res =>{
                    //res.data  代表的是后台响应的数据
                    console.log(res);//注意：没有Result不需要两个data
                     this.empList=res.data.students
                     this.pagelist.total=res.data.total
                }).catch(function(){
                    console.log("失败")
                })
            },

<el-pagination
          v-model:current-page="pagelist.currentPage4"
          v-model:page-size="pagelist.pageSize4"    
          :page-sizes="[1, 2, 3, 4]"
          :small="small"
          :disabled="disabled"
          :background="background"
          layout="total, sizes, prev, pager, next, jumper"
          :total="pagelist.total"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
        />