Enter search event in WeChat applet search box

<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>
    </view> 

Bindconfirm is   the carriage return event, bind it to the event that needs to be triggered. onshow is my search method.

Guess you like

Origin blog.csdn.net/chendongpu/article/details/113753381