SSMP小案例之分页功能

先观察vue的分页组件
可以看到这几个属性中有三个需要加载数据的

可以看到getAll方法是获取所有的数据,这是不必要的,我们只需要当前页面的数据就行了。

分页功能就是吧getAll重写一下,让它发送一个分页的请求

这个就是分页的数据,并且还有当前分页的一些属性信息。


这里如果不给分页组件绑定一些属性,它是无法显示多少页的和多少条数据等信息。

给出分页组件的属性,就能显示正常。


这里的切换按钮还没有实现,所以现在是无法切换的。
可以看到vue绑定的页面切换的函数,我们去实现它。

也就两步:1.更改页码值为当前选中的页码值2.执行分页查询

posted @ 2022-04-27 09:52  长情c  阅读(29)  评论(0)    收藏  举报