热门推荐
网易云音乐开发--search模块基本功能实现(除历史记录模块)
2024-10-31 17:31

老样子搭建一个search搜索页面

网易云音乐开发--search模块基本功能实现(除历史记录模块)

 还有一块没有实现,那就是让输入框默认的文本变换颜色

 微信小程序: input输入框placeholder样式的修改_微信小程序placeholder样式_酷伊奥的博客-CSDN博客

 百度搜索了一下,找到了这个大佬的解决方案。很nice

查看文档

网易云音乐 NodeJS 版 API (binaryify.github.io) 

 返回来的数据是这样的

书写返回搜索数据的方法

 已经变成了动态数据

 热搜榜动态数据

 跟之前的方法一样

 然后在去添加icon

如果不添加wx:if会导致占空间

这里要说到表达项的俩个数据

input-->实时监听       change-->使其焦点

首先,我们需要拿到表单项的数据,然后调用接口,拿数据

 

这样就能拿到表单项的内容,但是是一个对象。

这里有一个疑惑?为什么我们没有value={{searchList}}但是能动态的渲染出来 ?

 因为这个bindinput事件默认返回的就是value的值

我们为了性能优化,使用节流

就是根据这一块,我们先搭一个界面,然后把返回回来的数据动态渲染到页面上,就可以了

 样式书写完毕,但是又有一个bug

 当我们删除掉这个字母的时候,是空串,然后向服务器发请求,会报错

 我们如果输入的是一个空串,直接return出去就可以了

    以上就是本篇文章【网易云音乐开发--search模块基本功能实现(除历史记录模块)】的全部内容了,欢迎阅览 ! 文章地址:http://lianchengexpo.xrbh.cn/quote/10032.html 
     行业      资讯      企业新闻      行情      企业黄页      同类资讯      网站地图      返回首页 迅博思语资讯移动站 http://lianchengexpo.xrbh.cn/mobile/ , 查看更多