故如虹,知恩;故如月,知明
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术

uni-app实现搜索功能

5838人阅读 2020/3/25 13:17 总访问:3837872 评论:0 收藏:0 手机
分类: 移动开发

uni-app实现搜索,简单记录一下,详情的我使用视频的形成记录了。

 

 

把搜索的接口从调用高德地图的,换成我们自己的就就行

变色在后台处理好,因为我们搜索关键词的拆分在后台单独处理了的,我们需要多关键字变色。它自己这个变色默认只支持单关键字变色,就可以不要了注释掉



我们直接显示出来,效果如下:

 

点击搜索结构进行详情页跳转

这样可以直接拿到我们写的搜索接口里边的其他数据,这样就非常方便了,如果只能拿到文本还不是太好操作

有个这两个参数下面直接跳转就行

 

这块的搜索历史是默认没有点击事件的

 

默认只是一个展示:

我们加一个点击事件就行:

点击事件里边处理一下实现页面跳转即可:

欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价