uni-app nvue 下 textarea 输入汉字或者数字后自动切换成默认输入法

uni-app nvue 下 textarea 输入汉字或者数字后自动切换成默认输入法

示例代码：

<template>  
    <view class="content">  

        <view class="logo bg">  
            <textarea v-model="text" placeholder=""/>
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                text: 'Hello'  
            }  
        },  
        onLoad() {  

        },  
        onShow() {  

        },  
        methods: {  

        }  
    }  
</script>

操作步骤：

在vue 页面 正常
在nvue 页面 所有textarea 通过 v-model 绑定值得时候，就会出现这个问题

预期结果：

可以连续输入汉字 或者 数字

实际结果：

输入汉字和数字的时候，不能连续输入，输入一个汉字或者数字之后 会马上切换为默认的输入法

bug描述：

nvue 页面中，使用 textarea 组件通过v-model 绑定 ， 在手机上通过 拼音或者其他输入法输入汉字 或者数字的时候 ，只能一个一个字的输入 ，不能触发联想 ；

输入数字的时候，输入一个数字 会马上切回到默认输入法；

只有26键模式下输入英文正常；


| 信息类别     | 详细信息                           |
|--------------|------------------------------------|
| 产品分类     | uniapp/App                         |
| PC开发环境   | Windows                            |
| PC版本号     | Windows10_19042_508                |
| HBuilderX类型 | 正式                               |
| HBuilderX版本号 | 3.1.22                             |
| 手机系统      | Android                            |
| 手机版本号    | Android 8.1                        |
| 手机厂商      | 华为                               |
| 手机机型      | 华为 dub-AL00                      |
| 页面类型      | nvue                               |
| 打包方式      | 云端                               |
| 项目创建方式  | HBuilderX                          |

更多关于uni-app nvue 下 textarea 输入汉字或者数字后自动切换成默认输入法的实战教程也可以访问 https://www.itying.com/category-93-b0.html

11 回复

不会出现待选字的问题，后续会优化，已加分，感谢您的反馈！

更多关于uni-app nvue 下 textarea 输入汉字或者数字后自动切换成默认输入法的实战教程也可以访问 https://www.itying.com/category-93-b0.html


什么时候优化啊？都一个月过去了。NVUE 英文无法连续输入！

可否提供下录屏？（上传附件）

上传附件了

视频附件 上传不了MP4 文件 只能打包zip了

楼主，解决了吗？？3.2.3.20210825版本输入英文，还是跳开，英文不能连续打，也不能联想输入。

HBuilderX alpha 3.2.10+ 已修复

nvue下面，input password密码类型的输入框，使用v-model，也会出现这种情况，切换数字键盘，点击一个数字后就又自动切回字母键盘去了

回复 m***@qq.com: 仅安卓么？

回复 DCloud_UNI_GSQ: 这个问题现在好像还是存在，nvue页面，input password输入框，使用v-model，切换数字键盘，点击数字后自动换回字母键盘模式，只是试了安卓 版本号7.1.2

这个问题是 nvue 中 textarea 组件在特定输入法下的已知兼容性问题。当使用 v-model 绑定数据时，输入框的值变化会触发组件更新，在某些 Android 机型上可能导致输入法状态被重置。

临时解决方案：

  1. 使用 :value 和 [@input](/user/input) 替代 v-model
    避免直接使用 v-model 的双向绑定，改为手动控制数据更新：

    <textarea :value="text" [@input](/user/input)="onInput" placeholder=""/>

    methods: {
    onInput(e) {
        // 延迟更新数据，减少对输入法的干扰
        setTimeout(() => {
            this.text = e.detail.value;
        }, 0);
    }
}

  2. 尝试调整 cursor-spacing 属性
    增加光标与键盘的间距可能缓解问题：

    <textarea v-model="text" cursor-spacing="20" placeholder=""/>
回到顶部