进入搜索页面，软键盘弹起，但是输入框中无光标
1***@qq.com
- 发布：2023-09-07 14:15
- 更新：2025-03-21 10:27
- 阅读：374
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 11.6
HBuilderX类型： 正式
HBuilderX版本号： 3.8.7
手机系统： Android
手机系统版本号： Android 12
手机厂商： 小米
手机机型： 小米10Pro
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
输入框自动聚焦后有光标显示
输入框自动聚焦后有光标显示
实际结果：
进入搜索页面，软键盘弹起，但是输入框中无光标
进入搜索页面，软键盘弹起，但是输入框中无光标
bug描述：
页面input 框自动获取焦点，页面软键盘有弹起，输入框中光标闪了一下后消失了
运行在标准基座以及浏览器中正常执行，自定义基座时出现的问题
你可以在input事件后，先将focus 设置为false，回调成功后，再设为 true
<view class="input-container">
<text>罐装桶号：</text>
<input class="input-field" placeholder="请扫描桶身二维码" :value="bucketNo" @confirm="handleEnter"
confirm-type="search" :focus='setFocus' />
</view>
handleEnter(event) {
this.bucketNo = event.target.value.toUpperCase();
this.setFocus = false
uni.request({
//请求信息
},
success: (res) => {
//成功回调
},
fail: (err) => {
// 失败回调
},
complete: () => {
this.$nextTick(function() {
this.setFocus = true
})
}
})
}