AntDesign和Vue3中的分页问题
创始人
2024-11-07 13:31:05
0次
在 AntDesign 和 Vue 3 中，分页是常见的 UI 组件，但它们在一些情况下可能存在问题，特别是在处理后端返回的分页数据时。以下是一个可能出现问题的示例：
在上面的例子中，我们在 handleChange 函数中处理了后端返回的数据，并将响应的总数和分页数据设置为组件的状态。这种方法通常是可以工作的，但是如果网络请求出了问题，我们在用户点击分页时得到的当前 page 可能没有得到相应的数据。在这种情况下，我们的页面将会显示空数据，而不是上一页或下一页的数据。为了解决这个问题，我们需要在组件中添加一个标志来确保我们的分页数据在每次页面切换时都已经存在：