小程序实现搜索功能

1.search.wxml

<wxs src="../search/search.wxs" module="listFilter"/><view class="container"><view class="searchBox"><input placeholder="请输入搜索的内容" bindinput="inputHandle"/><button size="mini" type="primary" bindtap="searchHandle">搜索</button></view><view class="content" wx:for="{{listFilter(msglist,mytext)}}" wx:key="index"><text>{{item}}</text></view></view>

2.search.js

data: {msglist:['aaaa','asdf','acds','azxs','sdcx','sdfx','asxc','zxcd'],mytext:''},/* 搜索事件 */searchHandle:function(){},/* 输入框处理 */inputHandle:function(e){console.log(e.detail.value)this.setData({mytext:e.detail.value})},

3.search.wxs

function listFilter(list,mytext){return list.filter(function(item){return item.indexOf(mytext)>-1})}module.exports = listFilter