本文探讨了前端开发中实现搜索栏点击跳转到搜索页面的方法，利用uni.navigateTo进行页面导航。同时，针对搜索功能，提出了使用vuex进行数据共享，并通过设置延迟和请求标志位来优化频繁的搜索请求。对于搜索历史丢失问题，建议利用本地缓存保存并恢复。此外，文章强调避免在循环中使用index作为key，以防重复，并提醒注意刷新页面时的数据持久化处理。
问题：如何实现点击搜索栏跳转到搜索页面？
回答：在之前编写的navbar.vue中增加click事件处理，增加method，里面用uni.navigateTo实现跳转。
问题：搜索页与非搜索页的区分。
关于vuex的使用，这是一个数据共享的方式。新建文件如下。
vuex入门文章：https://www.cnblogs.com/chinabin1993/p/9848720.html
写的非常不错。容易看懂。
问题：输入搜索的时候，每输入一个字母就发起一个请求太频繁了。
解决：增加1s延时，增加请求过则不再请求的标志位。
问题：搜索页面如何返回主页面？
解决：
注意点：不推荐用index赋给key，因为如果两个循环嵌套的话，index可能会重复。
问题：刷新页面，则搜索历史消失了。vuex不是永久存储怎么办？
解决：用下面这个函数，会从本地缓存中找。
情况本地缓存的两种方式：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
