基于ElementUI和axios实现分页组件

• 效果图

1. 目录结构

1. 分页效果

• 后台代码

1. 方法

1. 响应数据结构，json

{

         "pageNum": 1,

         "pageSize": 10,

         "count": 25,

         "pages": 3,

         "code": "0",

         "msg": "",

         "data": [{

                   "id": "1",

                   "loginId": "1",

                   "gender": "男",

                   "email": "1@qq.com",

                   "qq": null,

                   "mobile": "13000000000",

                   "userName": "张三1"

         }],

         "firstPage": false,

         "lastPage": true

}

• 前端代码

1. 组件调用

1. 参数配置