小程序防百度搜索

// pages/input/input.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    list:[
      'aaa',
      'bbb',
      'ccc'
    ],
    items: [] //定义一个 空数组让前台显示空
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  //查找开始
 
  searchPut(e){
    //变量找到输入的值
    let kw = e.detail.value;
    //定义个跟上面一样的items数组方便操作
    let items = [];
    setTimeout(() => {
        //循环数组里面的值
        this.data.list.forEach((item,index) => {
          if(item.indexOf(kw) != -1){//item是循环出的数据，indexOf是输入的数据，不等于-1就是数组里可以匹配的
          items.push(item);//把item符合的数组填充到items的数组里面
        };
        this.setData({//输出到前台
          items
        })
      })
    }, 2000);
    
  },

})

<input class="input" bindinput="searchPut" type="text" password="{{false}}" placeholder="查找" ></input>
<block wx:for="{{items}}" wx:key=""> <!--查找后显示的值-->
    <view>{{item}}</view>
</block>

 

自动提示