uni-app nvue IOS键盘收起后页面不回弹
uni-app nvue IOS键盘收起后页面不回弹
操作步骤：
- IOS在使用textarea的情况下，文字或IOS语音转文字处在未选中状态下然后失去焦点，键盘回收但是页面会卡住，此时在获取焦点才能正常，但使用input不会出现这种情况
预期结果：
- 有解决方法吗
实际结果：
- IOS在使用textarea的情况下，文字或IOS语音转文字处在未选中状态下然后失去焦点，键盘回收但是页面会卡住，此时在获取焦点才能正常，但使用input不会出现这种情况
bug描述：
- IOS在使用textarea的情况下，文字或IOS语音转文字处在未选中状态下然后失去焦点，键盘回收但是页面会卡住，此时在获取焦点才能正常，但使用input不会出现这种情况
图片
| 项目 | 信息 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | win10 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 4.29 |
| 手机系统 | iOS |
| 手机系统版本号 | iOS 16 |
| 手机厂商 | 苹果 |
| 手机机型 | 14pro |
| 页面类型 | nvue |
| vue版本 | vue2 |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
更多关于uni-app nvue IOS键盘收起后页面不回弹的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于uni-app nvue IOS键盘收起后页面不回弹的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这是一个已知的iOS在nvue页面中使用textarea时的键盘回弹问题。可以通过以下方法解决：
- 在textarea的blur事件中手动触发页面回弹：
handleTextareaBlur() {
// 强制触发页面布局更新
this.$nextTick(() => {
uni.pageScrollTo({
scrollTop: 0,
duration: 0
});
});
}
-
或者使用input替代textarea，如果场景允许的话。
-
也可以尝试在manifest.json中配置softinputMode为"adjustResize"：
"app-plus": {
"softinputMode": "adjustResize"
}