前后端分离开发-vue+elementui 分页展示数据

后端分页接口详情见上一篇博客

前端处理如下：

1、使用分页组件<el-pagination>配置方法及对应页面展示如下

 

其次配置script，定义组件属性，及初始data

 

 配置当前页和页码

 

 

定义后端接口获取数据

 

 

最后不要忘了mounted初始化渲染html

 

 

 本地调试切换页码，跳页都能成功~