微信小程序搜索框实现代码

　　微信小程序的开发可以帮助微信实现更多隐藏的小程序功能，因此不少人都找小编索要代码进行相应的小程序开发，接下来小编为大家给出的是微信小程序搜索框实现代码。

　　* 引入

　　// 模版引入

　　// wxss中引入

　　@import "/wxSearch/wxSearch.wxss";

　　* 使用

　　//wxSearch 暴漏的接口

　　module.exports = {

　　init: init,

　　initColor: initColors,

　　initMindKeys: initMindKeys,

　　wxSearchInput: wxSearchInput,

　　wxSearchFocus: wxSearchFocus,

　　wxSearchBlur: wxSearchBlur,

　　wxSearchKeyTap: wxSearchKeyTap,

　　wxSearchAddHisKey:wxSearchAddHisKey,

　　wxSearchDeleteKey:wxSearchDeleteKey,

　　wxSearchDeleteAll:wxSearchDeleteAll,

　　wxSearchHiddenPancel:wxSearchHiddenPancel

　　}

　　//初始化

　　onLoad: function () {

　　console.log('onLoad')

　　var that = this

　　//初始化的时候渲染wxSearchdata 第二个为你的search高度

　　WxSearch.init(that,43,['weappdev','小程序','wxParse','wxSearch','wxNotification']);

　　WxSearch.initMindKeys(['weappdev','微信小程序开发','微信开发','微信小程序']);

　　},

　　wxSearchFn: function(e){

　　var that = this

　　WxSearch.wxSearchAddHisKey(that);

　　},

　　wxSearchInput: function(e){

　　var that = this

　　WxSearch.wxSearchInput(e,that);

　　},

　　wxSerchFocus: function(e){

　　var that = this

　　WxSearch.wxSearchFocus(e,that);

　　},

　　wxSearchBlur: function(e){

　　var that = this

　　WxSearch.wxSearchBlur(e,that);

　　},

　　wxSearchKeyTap:function(e){

　　var that = this

　　WxSearch.wxSearchKeyTap(e,that);

　　},

　　wxSearchDeleteKey: function(e){

　　var that = this

　　WxSearch.wxSearchDeleteKey(e,that);

　　},

　　wxSearchDeleteAll: function(e){

　　var that = this;

　　WxSearch.wxSearchDeleteAll(that);

　　},

　　wxSearchTap: function(e){

　　var that = this

　　WxSearch.wxSearchHiddenPancel(that);

　　}

　　以上就是微信小程序搜索框实现的代码了，复制这些代码，你就可以进行搜索框的小程序开发了，希望能够对你有所帮助。更多微信小程序代码请关注微信小程序素材网。

　　微信小程序搜索功能如何实现

　　微信小程序在哪搜索?微信小程序的那些常见问题

　　微信小程序显示多项选择框样式教程