本文详细介绍了如何在uni-app中创建搜索框，包括自定义组件样式并动态绑定style，实现搜索框吸顶效果。接着，讨论了使用uni-modules内的uni-searchbar组件来设置自动获取焦点及防抖处理的搜索建议功能。文章还涵盖了搜索历史记录的管理，如按需展示、去重和保存到本地，并解释了使用set的原因。最后，提到了代码分支的合并提交流程。
1.创建
2.搜索框
2.1自定义组件的样式，动态绑定style
2.1.1 this.$emit('myclick')
2.2搜索框吸顶
3.搜索建议页面
3.1在uni_modules里的自带的uni-searchbar组件
3.2搜索框自动获取焦点&防抖处理
3.3搜索建议列表
（请求商品数据路径）
（渲染搜索建议列表）
3.4搜索历史记录
3.4.1搜索建议和搜索历史按需展示
3.4.2将搜索关键词保存到数组
（解决搜索历史词前后顺序）
（解决搜索历史词重复）
（set的解释和示例）
（为什么set要先删后加的原因）
3.4.3历史记录永久保存到本地
3.4.4点击搜索记录跳转到商品页面
4.分支的合并提交
扫一扫
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
