uni-app 搜狗输入法下英文模式时 nvue页面 input及textarea无法输入内容
uni-app 搜狗输入法下英文模式时 nvue页面 input及textarea无法输入内容
示例代码：
<textarea placeholder="……" v-model="input_content" :maxlength="1000" />
操作步骤：
- 新建nvue页面
- 放一个input框
- 安卓手机使用搜狗输入法
- 切换到英文
预期结果：
- 输入选择的英文
- 输入框有内容
实际结果：
- 输入框无内容
bug描述：
搜狗输入法下，英文模式的时候
nvue页面的input以及textarea 都不能输入内容
中文和数字可以正常输入，英文打了之后，点击选择不能输入到输入框
更多关于uni-app 搜狗输入法下英文模式时 nvue页面 input及textarea无法输入内容的实战教程也可以访问 https://www.itying.com/category-93-b0.html
16 回复
问题复现，后续修复，已加分，感谢您的反馈！
更多关于uni-app 搜狗输入法下英文模式时 nvue页面 input及textarea无法输入内容的实战教程也可以访问 https://www.itying.com/category-93-b0.html
回复 守护: 我看你在别的帖子也有回复说nvue的input/textarea问题没有修复。你确定你的问题是报bug帖子的问题吗。如果不是请单独发帖。别在不同问题上评论我们不受理这样报bug形式
这是一个已知的 nvue 输入组件兼容性问题。搜狗输入法在英文模式下与 nvue 的输入组件存在兼容性冲突，主要原因是 nvue 的原生渲染机制与某些输入法的英文输入模式不匹配。
临时解决方案：
-
切换输入法：建议用户临时切换到系统默认输入法或其他主流输入法（如 Gboard、百度输入法）。
-
使用 vue 页面：如果项目允许，可将该页面改为 vue 页面（使用 webview 渲染），通常能避免此问题。
-
监听输入事件：尝试使用
@input事件替代v-model双向绑定，有时能改善兼容性：
<textarea
placeholder="……"
:value="input_content"
@input="onInput"
:maxlength="1000"
/>
onInput(e) {
this.input_content = e.value || e.detail.value;
}