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

时间:2020-08-09 23:35:49   收藏:0   阅读:679

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

技术分享图片

技术分享图片

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

技术分享图片

 

原文:https://www.cnblogs.com/yjf713/p/13466830.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!