[b]一、前期准备[/b]
网上大神已经做过这个功能[url=https://github.com/lavyun/vue-demo-search]https://github.com/lavyun/vue-demo-search[/url] 这自己仅实现搜索功能
为了使用百度实现搜索功能,首先搞清楚下拉数据和搜索功能的数据接口
[b]01、提示数据获取地址[/b]
打开百度官网打开开发者调试工具,选中network一项,然后我们在搜索框输入'a',将会network发送的请求,这个就是提示数据的数据获取地址
[img]http://files.jb51.net/file_images/article/201706/2017062116275856.png[/img]
提示数据获取地址.png
然后简化一下:
[url=https://github.com/yanqiangmiffy/baidu-search]https://github.com/yanqiangmiffy/baidu-search[/url]
[b]三、实现效果[/b]
[img]http://files.jb51.net/file_images/article/201706/2017062116280062.gif[/img]
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。