vue ant 后端分页，前端不显示分页数

最新推荐文章于 2025-05-21 17:44:25 发布

原创最新推荐文章于 2025-05-21 17:44:25 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #java #javascript

分页专栏收录该内容

2 篇文章

订阅专栏

本文解析了如何在Ant Design中正确设置分页组件，通过三步操作更新total：首先定义新对象，其次添加并赋值后端返回的total，最后更新原有分页器。避免直接修改total导致的分页不刷新问题，涉及组件监听机制。

1，解决办法
const pagination = { …this.pagination } ①
pagination.total = res.result.total ②
this.pagination = pagination ③
注意1，先来说说这三步的意义，接受后端的total，然后传给pagination,从而获取分页总数。 2，第一步是定义一个对象，第二步给新的对象添加属性并赋值，第三步让原来的分页器对象等于我们定义的新的对象。 3，肯定会有人说为啥不这样写 his.pagination = res.result.total，这样写它可以改变分页器的total值，但是分页器并不会刷新，并不会实现分页。这应该是ant 框架pagination组件里面的监听有关，就是他改遍了值，但是未识别到内容发生变化