<textarea ref="refinput" :auto-height="true" :adjust-position="false" :show-confirm-bar="false" v-model="inputText" :focus="focus"></textarea>
默认textarea 输入框处于显示状态,直接点击输入框,聚焦后无法输入
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win11
HBuilderX类型: 正式
HBuilderX版本号: 5.06
手机系统: HarmonyOS NEXT
手机系统版本号: HarmonyOS 6.0.0
手机厂商: 华为
手机机型: 所有型号和模拟器
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
<textarea ref="refinput" :auto-height="true" :adjust-position="false" :show-confirm-bar="false" v-model="inputText" :focus="focus"></textarea>
默认textarea 输入框处于显示状态,直接点击输入框,聚焦后无法输入
点击输入框,聚焦后可以正常输入
点击输入框,聚焦后,软键盘输入无效。必须二次点击输入框,或通过切换按钮设置 this.focus = true 聚焦,才能正常输入
1、textarea 输入组件,默认显示输入框的页面,如何绑定了:focus控制聚焦:
直接点击输入框,光标闪烁,软键盘弹出(右下角显示“开始”),但是输入无效。
必须二次点击输入框,软键盘弹出(右下角显示“换行”),输入才有效。
2、如果通过切换按钮 this.focus = true 聚焦,输入正常。 如: 点击表情按钮(关闭表情,输入文字),软键盘弹出后右下角直接显示“换行”,输入有效。
3、如果点击页面空白处,失焦关闭软键盘,然后点击textarea 输入组件,聚焦后,软键盘弹出(右下角显示“开始”),也无法输入。
尝试代替 绑定:focus 来聚焦:
通过 this.$refs.refinput.focus(); 聚焦无效。