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

    <view class="form">      <input class="searchInput" value='{{keyWord}}' bindconfirm='goSearch' placeholder="请输入搜索关键字" type="text" />    </view>

.form {  position: relative;  height: 40px;} .searchInput {  border: 1px solid #2c3036;  height: 40px;  line-height: 40px;  font-size: 14px;  border-radius: 20px;  color: #bebec4;  padding-left: 35px;}

  // 搜索  goSearch: function(e) {    var that = this;    var formData = 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{            let str = 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      })     }  }

<view class="container">  <view class="listBox" wx:for="{{searchShow}}" wx:key="{{item.id}}">    <view class="listMain">      <navigator url='../videoShow/videoShow?id={{item.id}}'>        <image src="{{item.image}}" mode="widthFix"></image>        <view class='listTitle'>          <view class="listSubtitle">            <text>{{item.title}}</text>          </view>          <view class="listText">            <text>{{item.decription}}</text>          </view>        </view>      </navigator>    </view>  </view></view>

  onLoad: function(options) {    let searchShow = JSON.parse(options.data);    let that = this    that.setData({      searchShow: searchShow    })    console.log(searchShow)  },