Vue实现仿音乐播放器14-实现搜索页面以及功能

效果

实现

百度音乐搜索API说明

例：method=baidu.ting.search.catalogSug&query=海阔天空

参数：query = ” //搜索关键字

搜索页面search.vue

注：

1.通过Input获取输入的搜索内容content,与searchContent绑定。

2.搜索按钮绑定点击事件单击方法searchHandler，在方法中请求搜索API返回数据，我们可以输出以下返回的数据：

可以看到我们要显示的数据：

songname:歌曲名字

artistname:歌手名字

songid:传递到MusicPlay实现音乐播放。

此部分代码对应分阶段代码中阶段十一

分阶段代码下载位置：

https://download.csdn.net/download/badao_liumang_qizhi/10846557