微信小程序实现列表搜索功能

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代码:

在页面中,就能实现搜索的功能了

 

posted @ 2020-08-09 22:32  柠檬IT  阅读(5514)  评论(0编辑  收藏  举报