微信小程序·wxS 模糊查询案例(第10版)
发布时间
阅读量:
阅读量

构建一个基础的模糊检索功能,通过一个输入框进行关键词查找,并在下方列表中展示结果,同时根据用户输入的内容执行范围查询操作
1. 结构实现:
<wxs src="./goodFilter.wxs" module="goodFilter"></wxs>
<view>
<input bindinput="handleInput" value="{{mytext}}" />
<!-- 引入一个数据过滤的 module -->
<view wx:for="{{goodFilter(goodsList,mytext)}}" wx:key="index">{{item}}</view>
</view>
data: {
mytext:'',
goodsList:["aaa","bbb","ccc","abc","bbc","cca","cbb","bab","acb"]
},
全部评论 (0)
还没有任何评论哟~
