- 发布：2021-05-21 18:43
- 更新：2024-01-17 09:46
- 阅读：2866
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.12
手机系统： 全部
手机厂商： 华为
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<input type="text" v-model="texts" placeholder="输入"/>
<input type="text" v-model="texts" placeholder="输入"/>操作步骤：
<input type="text" v-model="texts" placeholder="输入"/>
<input type="text" v-model="texts" placeholder="输入"/>预期结果：
在input获取焦点后，点击空白处或页面其他元素会失去焦点，并且软键盘会消失
在input获取焦点后，点击空白处或页面其他元素会失去焦点，并且软键盘会消失
实际结果：
在input获取焦点后，点击空白处或页面其他元素不会失去焦点，并且软键盘不会消失
在input获取焦点后，点击空白处或页面其他元素不会失去焦点，并且软键盘不会消失
bug描述：
nvue页面input输入框在获取焦点弹出键盘后，点击其他地方或空白处，无法失去焦点，并且软键盘无法收起
<input type="text" v-model="texts" placeholder="输入"/>
9 个回复
8***@qq.com
是的都好久了，这个问题都还有，只有不使用nvue 用vue先代替这个界面了 要不实在不行就只有在需要的地方 手动调用 this.$refs.input.blur() 失去焦点和 this.$refs.input.focus() 聚焦
j***@126.com
点击其他地方关闭软键盘uni.hideKeyboard()
Lnews
我也碰到了！！不能失去焦点！
1***@qq.com
有解决了的嘛，我也碰到了，this.$refs.input.blur() 这个方法试了好像也没效果
d***@163.com
恶心啊，啥时候能解决
1***@qq.com
有人解决了吗，又遇到这个问题了
kuload
解决了吗
y***@163.com
都12月还没有官方来关注这个问题，挺严重的bug啊
7***@qq.com
@touchend.prevent 在使用this.$refs.inputRef.blur()。 就可以