微信小程序> 微信文章搜索,微信小程序的开发之搜索功能

微信文章搜索,微信小程序的开发之搜索功能

浏览量:455 时间: 来源:阡路陌人
就直接贴代码啦~
wxmlviewclass="weui-search-bar"viewclass="weui-search-bar__form"viewclass="weui-search-bar__box"iconclass="weui-icon-search_in-box"type="search"size="14"/iconinputtype="text"class="weui-search-bar__input"placeholder="请输入搜索内容"value="{{wxSearchData}}"bindinput="wxSearchInput"bindconfirm="wxSearchConfirm"/viewclass="weui-icon-clear"wx:if="{{wxSearchData.value.length0}}"bindtap="wxSearchClear"icontype="clear"size="14"/icon/view/view/viewviewclass="weui-search-bar__cancel-btn"bindtap="back"textdata-key='back'返回/text/view/viewjs/页面的初始数据/data:{lists:[],//接收搜索的内容wxSearchData:'',//输入的值},/搜索/wxSearchInput:function(value){varthat=this;if(value.detail.value.length0){wx.request({url:'',data:{value:value.detail.value},header:{'content-type':'application/x-www-form-urlencoded'},method:'POST',dataType:json,responseType:text,success:function(res){if(res.code){vardata=that.data.lists;for(leti=0;ires.data.length;i++){data.push(res.data[i]);}that.setData({wxSearchData:value.detail.value,lists:data})}},fail:function(res){},complete:function(res){},})}},/监听软键盘确认键/wxSearchConfirm:function(e){},/返回/back:function(e){wx:wx.navigateBack({delta:1,})}

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎