vue条件查询带分页的怎么实现?

Question

后端接口已经提供了且适配成功
有一个问题就是:目前我查询出来的数据是不带分页的,当点击下一页就会查询所有的数据.我想 如果在每一个按钮 或者方法里面进行判断(当前筛选条件是否为空),如果为空则普通查询 如果不为空 则进行条件查询 分页

但是目前页面已经最起码有接近十处调用了普通查询 如果在每一个增删改查以后 进行判断 我觉得 这样写太冗余了 请问大家有什么好的方案

Answer 1

不知道有没有描述清楚 这是我当前的条件查询

这个是我之前的普通查询

可以到看 每次 对表格中的数据 状态进行操作以后 都会重新请求数据

问题就是现在我引入了条件查询 而且还是带分页的 有一个问题就是:当我对表格的数据进行增删改查的时候
页面重新渲染 调用的还是之前的 普通查询的数据 这个时候 条件查询的状态 分页状态就会进行断层

所以请教一下大家 当前我是直接把条件查询的数据在前端进行假分页 还是说保持条件查询 分页的状态
类似于打的电商网站 条件查询以后 页面有一个小标签 显示状态 当点击×以后才会跳转到普通的分页查询

如果说 要进行条件查询的分页 感觉每一个事件触发的方法里面都要对当前的状态进行判断 这样代码就会很冗余