// 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>
自动提示