微信小程序搜索,微信小程序搜索功能并跳转搜索结果页面-即速应用

微信小程序搜索,微信小程序搜索功能并跳转搜索结果页面

浏览量：1239 时间：2019-12-09 来源：ZhangXD_BLOG

搜索页面：
search.wxml页面：
viewinputvalue='{{keyWord}}'bindconfirm='goSearch'placeholder="请输入搜索关键字"type="text"//viewsearch.wxss样式：
.form{position:relative;height:40px;}.searchInput{border:1pxsolid#2c3036;height:40px;line-height:40px;font-size:14px;border-radius:20px;color:#bebec4;padding-left:35px;}search.js:
//搜索goSearch:function(e){varthat=this;varformData=e.detail.value;if(formData){wx.request({url:'https://xxxxx/homepage/search',data:{title:formData},header:{'Content-Type':'application/json'},success:function(res){that.setData({search:res.data,})if(res.data.msg=='无相关视频'){wx.showToast({title:'无相关视频',icon:'none',duration:1500})}else{letstr=JSON.stringify(res.data.result.data);wx.navigateTo({url:'../searchShow/searchShow?data='+str})}//console.log(res.data.msg)}})}else{wx.showToast({title:'输入不能为空',icon:'none',duration:1500})}}搜索结果：
searchShow.wxml页面：
viewviewwx:for="{{searchShow}}"wx:key="{{item.id}}"viewnavigatorurl='../videoShow/videoShow?id={{item.id}}'imagesrc="{{item.image}}"mode="widthFix"/imageviewclass='listTitle'viewtext{{item.title}}/text/viewviewtext{{item.decription}}/text/view/view/navigator/view/view/viewsearchShow.js
onLoad:function(options){letsearchShow=JSON.parse(options.data);letthat=thisthat.setData({searchShow:searchShow})console.log(searchShow)},

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