首页 > 微信 > 详细

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

时间:2020-08-09 23:35:49      阅读:674      评论:0      收藏:0      [点我收藏+]

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)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!