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

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

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

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

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

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

 

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

上一篇:小程序做横向滑动 滑块 使用swiper


下一篇:小程序使用 editor 富文本编辑器填坑指南