摘要:不管开发什么小程序，对于搜索都是会有一些需要的。本文将介绍微信小程序开发中搜索功能的实现步骤。

不管开发什么小程序，如果信息量达到一定数额时，对具体一条或一类的信息查找需求就会变得越来越难。因此会对搜索进行一定的需求，例如精准或模糊搜索功能。本文将介绍微信小程序开发中搜索功能的实现步骤，以及搜索页面的一些复用。

对于搜索都是会有一些需要的，所以搜索页面还是可以复用的。因为只是写个搜索页面，所以主页面就没有好好切，见谅。。。主页面就是下面这样：

这个页面在pages/components/component2/component2.wxml

点击页面中 黄色的input就可以跳转到真正的搜索页面：pages/components/component2/search/search.wxml

搜索页面中也是有个input搜索框，旁边有个小叉号，可以清除input里的文字。

下面主要讲下search页面的逻辑:其实也非常简单。

搜索input绑定bindInput函数，

modalChangeConfirm:function(){

wx.setStorageSync('searchData',[])

this.setData({

modalHidden:true

})

wx.redirectTo({

url: '../search/search'

})

},

这里的清除不是应用wx.clearStorage()删除的，以为clearStorage会将所有的localStorage都删掉，慎用！这样，搜索的功能就做好了！

推荐阅读：微信小程序开发数组操作教程 微信小程序开发教程