uni-app 搜狗输入法问题 input及textarea无法输入内容

uni-app 搜狗输入法问题 input及textarea无法输入内容

示例代码：

<input type="text" v-model="keyword" placeholder="请输入内容" />

操作步骤：

  1. 输入法切换为英文模式
  2. 点击输入框进行输入
  3. 英文模式输入一些字母
  4. input组件的内容还是为空

预期结果：

输入英文字母后，输入框值自己发生变化

实际结果：

输入英文字母后，输入框值无变化

bug描述：

input组件点击输入，输入法为英文模式，输入之后input组件值无变化

信息类别 信息内容
产品分类 uniapp/App
PC开发环境 Windows
PC系统版本 win10
HBuilderX类型 正式
HBuilderX版本 3.2.16
手机系统 Android
手机系统版本 Android 11
手机厂商 OPPO
手机机型 A9
页面类型 nvue
Vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app 搜狗输入法问题 input及textarea无法输入内容的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

感谢您的反馈，已加分，请查看相关问题贴：https://ask.dcloud.net.cn/question/133523

更多关于uni-app 搜狗输入法问题 input及textarea无法输入内容的实战教程也可以访问 https://www.itying.com/category-93-b0.html


HX3.3.1已修复该问题

详见我的解决方案吧，这花儿等得是谢了又开了又谢了
https://ask.dcloud.net.cn/question/135245?item_id=181476

这个问题通常是由于搜狗输入法在某些Android机型上的兼容性问题导致的，尤其是在nvue页面中。以下是几个可行的解决方案：

  1. 使用@input事件替代v-model
    在nvue中，某些输入法与v-model的双向绑定可能存在兼容性问题。可以尝试使用@input事件手动更新数据：

    <input 
  type="text" 
  :value="keyword" 
  @input="keyword = $event.value"
  placeholder="请输入内容" 
/>

  2. 添加confirm-type属性
    对于input组件，设置confirm-type="done"有时可以改善输入法行为：

    <input 
  type="text" 
  v-model="keyword" 
  confirm-type="done"
  placeholder="请输入内容" 
/>

  3. 使用textarea组件的替代方案
    如果textarea也存在同样问题，可以尝试：

    <textarea 
  :value="content" 
  @input="content = $event.value"
  placeholder="请输入内容"
/>
回到顶部