问题由来
列表查询应该是前端做的一个非常多的功能了。对很多前端来说都是手到擒来。但是里面一个非常容易出bug的地方就是,当用户直接输入了一个内容,没有点击查询按钮,而是直接去点击了页码进行查询。这时候你的策略是怎么样的呢?或者说应该是怎么样的,我们都应该需要清楚的问清楚产品。
策略一:以最新条件查询
在输入内容后(比如 粤B888)直接点击页码跳转,保持最新的条件进行查询。就是说你的v-model绑定的什么,你就用什么进行查询(此时为粤B888,则就按粤B888查询)。如果查询页数为1000页,但是在该页上没有内容,则应该将页码设置为1,再次进行查询。如果还是没有,则显示暂无数据
策略二:以前一次条件查询
在输入内容后(比如 粤B888)直接点击页码跳转,以前面一次的查询条件进行查询。这里也可以理解,毕竟你没有点击搜索按钮,所有你不点搜索按钮就点了页码跳转的话,就不会用你现在的条件查询(可以参考天猫,京东的搜索也是该策略)。
前端js列表查询策略
最新推荐文章于 2024-03-17 07:29:26 发布