首页 新闻 赞助 找找看

前端请求后端分页数据,如何在前端分页显示

0
[已解决问题] 解决于 2021-02-10 16:02

1、前端为vue+element-ui,使用Pagination做分页处理
2、后端数据为分页数据,可根据前端传入的当前页码和每页显示的数量返回对应的数据
3、问题是:在mounted页面挂载的时候,请求分页的数据要怎么写,比如一共100条数据,在axios请求可以传入当前页为1,每页显示20条,但是Pagination显示只有一页,后面的页码看不到,如何拿到全部数据(分页器显示为5页,而不是1页),在点击分页器页码的时候再携带当前页和每页显示数量请求后端拿到数据

大米饭盖饭的主页 大米饭盖饭 | 初学一级 | 园豆:160
提问于:2021-02-10 14:51
< >
分享
最佳答案
0

请求的时候返回总条数,把总条数传给分页组件就行了

奖励园豆:5
by.Genesis | 老鸟四级 |园豆:2719 | 2021-02-10 15:36

挂载请求怎么写,不传页码和每页显示的数量吗?

大米饭盖饭 | 园豆:160 (初学一级) | 2021-02-10 15:52

@大米饭盖饭: 挂载的时候传 page = 1 和 pageSize = 20 到服务器,服务器返回第一页的数据和总条数,总条数传给分页组件

by.Genesis | 园豆:2719 (老鸟四级) | 2021-02-10 15:57

@by.Genesis: 非常感谢

大米饭盖饭 | 园豆:160 (初学一级) | 2021-02-10 16:01
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册