Advertisement

微信小程序·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)

还没有任何评论哟~