WeChatアプレットは検索機能を実装し、検索結果ページにジャンプします

    <view class="form">
      <input class="searchInput" value='{{keyWord}}' bindconfirm='goSearch' placeholder="検索キーワードを入力してください" type="text" />
    </ビュー>

。形状 {
  位置: 相対的;
  高さ: 40px;
}
 
.検索入力{
  境界線: 1px 実線 #2c3036;
  高さ: 40px;
  行の高さ: 40px;
  フォントサイズ: 14px;
  境界線の半径: 20px;
  色: #bebec4;
  左パディング: 35px;
}

  // SearchgoSearch: function(e) {
    var that = this;
    var フォームデータ = e.detail.value;
    if (フォームデータ) {
 
      wx.リクエスト({
 
        URL: 'https://xxxxx/homepage/search',
        データ： {
          タイトル: フォームデータ
        },
 
        ヘッダー: {
          'コンテンツタイプ': 'application/json'
        },
        成功: function(res) {
          that.setData({
            検索: res.data,
          })
          if (res.data.msg=='関連動画はありません'){
            wx.showToast({
              タイトル: 「関連動画はありません」
              アイコン: 'なし'、
              所要時間: 1500
            })
          }それ以外{
            str = JSON.stringify(res.data.result.data); とします。
            wx.navigateTo({
              url: '../searchShow/sea​​rchShow?data=' + 文字列
            })
          }
          
          // コンソールログ(res.data.msg)
        }
      })
    } それ以外 {
 
      wx.showToast({
        タイトル: '入力は空にできません'、
        アイコン: 'なし'、
        所要時間: 1500
      })
 
    }
  }

<ビュークラス="コンテナ">
  <view class="listBox" wx:for="{{searchShow}}" wx:key="{{item.id}}">
    <view class="listMain">
      <ナビゲーター url='../videoShow/videoShow?id={{item.id}}'>
        <image src="{{item.image}}" mode="widthFix"></image>
        <ビュークラス='リストタイトル'>
          <view class="listSubtitle">
            <テキスト>{{アイテム.タイトル}}</テキスト>
          </ビュー>
          <view class="listText">
            <text>{{item.description}}</text>
          </ビュー>
        </ビュー>
      </ナビゲーター>
    </ビュー>
  </ビュー>
</ビュー>

  onLoad: 関数(オプション) {
    searchShow を JSON.parse(options.data) とします。
    それを = これとする
    that.setData({
      検索表示: 検索表示
    })
    console.log(検索表示)
  },