遇到部分用户反馈,搜索框input里总是少一个字,仔细询问后,发现是在手写输入法的时候才存在这个问题
看了下代码,搜索框有做根据输入字符变化,实时推送推荐关键字和商品的功能,所以用的是uni-app的input事件,input事件必须要输入法确认后才会触发,所以没法获取最后一个未确定的字符
解决方法:
增加blur事件,搜索框失去焦点时,也触发对应的事件,也就是input和blur事件同时使用即可解决
<view class="tui-searchbox"> <view class="tui-search-input"> <icon type="search" :size="13" @tap="submitsearch" color="#333"></icon> <input confirm-type="search" @confirm="submitsearch" placeholder="请输入编码/名称/型号/编号/规格" :focus="true" auto-focus placeholder-class="tui-input-plholder" class="tui-input" v-model="key" @input="inputKey" @blue="inputKey"//添加这行代码可以解决手写输入法的问题 /> <icon type="clear" :size="13" color="#bcbcbc" @tap="cleanKey" v-show="key"></icon> </view> <view class="tui-cancle" @tap="submitsearch">搜索</view> </view>
标签:法时,手写输入,搜索,事件,blur,input From: https://www.cnblogs.com/webwangjie/p/17037479.html