小程序搜索功能的实现

岩崎理奈

于 2018-12-28 15:09:41 发布

阅读量1.8w

点赞数 8

分类专栏：微信小程序笔记

本文链接：https://blog.csdn.net/qq_41874847/article/details/85321625

版权

搜索页面（receiveCenter.wxss）

 <view class="search">
      <view class="search_arlet">
        <icon class="searchcion" size='15' type='search'></icon>
        <input type='text' disabled placeholder="门点、港区搜索" value="{
  {store}}" bindtap='searchInput'/>
      </view>
    </view>

跳转到新建搜索页面

data:{
    store:''//新建搜索页面传递过来的值
}
// 搜索
  searchInput:function(){
      var that = this
      wx.navigateTo({
        url: baseUrl + api.pageUrl.SEARCH_PAGE_URL + '?id=' + this.data.store
      })
  },

新建搜索页面search.wxml

<view class="search">
      <view class="search_arlet">
        <icon class="searchcion" size='15' type='search'></icon>
        <input class="text" focus="{
  {name_focus}}" placeholder="门点、港区搜索" data-store="{
  {inputValue}}" value="{
  {