uni-app nvue模式下 textarea 中设置auto-blur为true不生效 键盘收起时不失去焦点

uni-app nvue模式下 textarea 中设置auto-blur为true不生效 键盘收起时不失去焦点

开发环境 版本号 项目创建方式
Windows windows10 HBuilderX 
### 示例代码：

```javascript
<textarea ref="input" style="height:75rpx" class="bg-white rounded p-2 font-md" :adjust-position="false" :hold-keyboard="true" auto-blur="true" placeholder="" v-model="text" [@focus](/user/focus)='onInputFocus'></textarea>

操作步骤：

  • nvue模式下 textarea 中设置auto-blur为true

预期结果：

  • nvue模式下 textarea 中设置auto-blur为true后，键盘收起时textarea应该失去焦点

实际结果：

  • nvue模式下 textarea 中设置auto-blur为true后，textarea没有失去焦点

bug描述：

nvue模式下 textarea 中设置auto-blur不生效，键盘收起时不失去焦点，在vue模式下使用auto-blur是生效的


更多关于uni-app nvue模式下 textarea 中设置auto-blur为true不生效 键盘收起时不失去焦点的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

nvue不支持，稍后会在文档说明，已加分，感谢您的反馈！

更多关于uni-app nvue模式下 textarea 中设置auto-blur为true不生效 键盘收起时不失去焦点的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的nvue模式下的兼容性问题。在nvue中，textarea组件的auto-blur属性确实存在不生效的情况。

建议的解决方案：

  1. 可以尝试手动处理键盘收起事件，在键盘收起时调用blur()方法：
uni.hideKeyboard({
  success: () => {
    this.$refs.input.blur()
  }
})
  1. 监听键盘高度变化，当键盘高度变为0时手动触发blur：
onKeyboardHeightChange(e) {
  if(e.height === 0) {
    this.$refs.input.blur()
  }
}
回到顶部