Vue实现百度下拉提示搜索功能
148 浏览量
2020-08-30
04:41:56
上传
评论
收藏 680KB PDF 举报
Vue实现百度下拉提示搜索功能实现百度下拉提示搜索功能
主要为大家详细介绍了Vue实现百度下拉提示搜索功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
一、前期准备一、前期准备
网上大神已经做过这个功能https://github.com/lavyun/vue-demo-search 这自己仅实现搜索功能
为了使用百度实现搜索功能，首先搞清楚下拉数据和搜索功能的数据接口
01、提示数据获取地址、提示数据获取地址
打开百度官网打开开发者调试工具，选中network一项，然后我们在搜索框输入'a',将会network发送的请求，这个就是提示数据的数据获取地址
提示数据获取地址.png
然后简化一下：
复制代码 代码如下:
https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=a&cb=jQuery110208352732182923484_1497924041050&_=1497924041057#
其中“wd=”后接搜索的关键字，“cb=”后接回调函数
输入a时，请求的提示数据
02：搜索功能实现地址：搜索功能实现地址
在输入框中输入“a”之后，点击搜索按钮之后，地址栏中地址就是实现搜索功能的地址
搜索地址.png
搜索地址简化前后对比，是不是看起来很舒服了O(∩_∩)O
简化地址.png
我们使用简化之后的地址，搜索关键字“s‘'测试一下
评论0
最新资源