搜索逻辑

位置:首页 / 技术中心 / 微信小程序原生

微信小程序原生 Admin 2025-12-15 11:49:40 100

修改内容:


1. 添加了原始列表存储

   

   - 在data中新增了 originalList 字段,用于保存原始列表数据

   - 在 getList 函数中,将获取到的列表数据同时保存到 originalList 中

2. 优化了搜索逻辑

   

   - 修改 onInput 函数,让它在搜索时基于 originalList 进行过滤,而不是基于当前的 listData

   - 当输入内容为空时,直接从 originalList 恢复数据,提高性能

3. 确保数据一致性

   

   - 切换标签页时, getList 函数会重新获取数据并更新 originalList

   - 搜索结果始终基于最新的 originalList

解决原理:


- 当用户输入"周周j"时,虽然搜索结果为空,但 originalList 中仍然保存着完整的原始数据

- 当用户删除"j"回到"周周"时,搜索会从 originalList 中重新过滤,因此能够正确找到匹配的结果

- 这样避免了因之前的搜索结果为空而导致后续搜索失效的问题

18455111359 扫描二维码