微信小程序实现列表搜索功能
2017-11-22 10:44:22 点击:
最近在做小程序项目时候,需求页面需要实现列表搜索的功能,写了一个简单的demo
1、wxml代码:
//搜索框
<input type='text' confirm-type='search' bindinput='input1' bindconfirm='confirm1' style='border:1px solid #f00'/>
<view wx:for="{{hosList}}" wx:for-item="h">
<text wx:if="{{h.show}}">{{h.name}}</text>
</view>
2、js代码:
在页面中,就能实现搜索的功能了
- 上一篇:微信公众号端实名认证-证件识别SDK开发包 2017/11/22
- 下一篇:淘宝客小程序,实现微信用户自动裂变,引导流量 2017/11/22