分页组件跳转到第二页后搜索功能失效，解决方案

_chang.

于 2023-07-13 16:20:16 发布

阅读量576

点赞数 1

文章标签：前端 elementui

本文链接：https://blog.youkuaiyun.com/m0_66226018/article/details/131705407

版权

当在第二页进行搜索时，由于`this.page.currentPage`已经是第二页，导致无法正确搜索。为解决此问题，代码将`currentPage`强制重置为第一页，确保搜索功能正常运行。参数`pageSize`被设置为20，以显示更多搜索结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

params.data.textLabel || params.data.textTitle这两个是你input搜索的v-model
if(params.data.textLabel || params.data.textTitle){
          params.data.pageSize = 20;
          params.data.currentPage = 1;
          this.page.pageSize = 20;
          this.page.currentPage = 1;
}
当你点击第二页进行搜索的时候，this.page.currentPage跳转的是第二页，
所以搜索不了，我们将它强行转换为第一页，这样我们就能搜索出来了