微信小程序搜索框 回车搜索事件

<view class="weui-search-bar">

            <view class="weui-search-bar__form">

                <view class="weui-search-bar__box">

                    <icon class="weui-icon-search_in-box" type="search" size="14"></icon>

                    <input type="text" class="weui-search-bar__input" placeholder="搜索" value="{{inputVal}}"

focus="{{inputShowed}}" bindinput="inputTyping"  bindconfirm="onShow" />

                    <view class="weui-icon-clear" wx:if="{{inputVal.length > 0}}" bindtap="clearInput">

                        <icon type="clear" size="14"></icon>

                    </view>

                </view>

                <label class="weui-search-bar__label" hidden="{{inputShowed}}" bindtap="showInput">

                    <icon class="weui-icon-search" type="search" size="14"></icon>

                    <view class="weui-search-bar__text">搜索</view>

                </label>

            </view>

            <view class="weui-search-bar__cancel-btn" hidden="{{!inputShowed}}" bindtap="hideInput">取消</view>


   bindconfirm  即为回车事件,为它绑定上需要触发的事件。onshow是我的搜索方法。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容