<template>
<view>
<textarea v-model="test"></textarea>
</view>
</template>
<script setup>
import {
ref
} from 'vue';
const test = '白日依山尽,黄河123 \n欲穷千里目,更上一层楼。';
</script>
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows11
HBuilderX类型: 正式
HBuilderX版本号: 4.87
手机系统: Android
手机系统版本号: Android 15
手机厂商: OPPO
手机机型: oppo reno15、oppo findx5、华为mate50、 vivo x300 以及荣耀 小米的大部分新旧机型
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
<template>
<view>
<textarea v-model="test"></textarea>
</view>
</template>
<script setup>
import {
ref
} from 'vue';
const test = '白日依山尽,黄河123 \n欲穷千里目,更上一层楼。';
</script>
在加了 v-model 的 textarea 中,输入几行文字,把光标定位到第一行,打开输入法手写模式,连续输入“上下左右金木水火土”,
“下左右金木水火土”出现在用户光标定位的地方(第一行)
光标会自己跳到最后一行的末尾,导致“下左右金木水火土”出现在最后一行的末尾
uniapp vue3 app textarea 使用 v-model 后,编辑textarea中已有的多行文本,用手机自带的输入法,切换到【手写】模式,在任何一行【连续】输入文字时,光标会自动跳到最后一行的末尾,导致无法编辑前面的内容。
注意:手写单个文字输入没问题,连续手写输入有问题,切换到拼音输入模式后没问题。安装百度输入法替换手机自带的输入法,无此问题。
本人测试了OPPO、小米、荣耀、VIVO的多款机型(有老机也有最新的机型)都有此问题,鸿蒙 next 无此问题。
当textarea 去掉 v-model 后测试,问题消失。
本人开发的APP以老年用户为主,他们大部分使用手写,不会自己安装百度输入法,希望官方早日解决此问题。
Ask小助手 - Ask社区AI助手
欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。
作为 DCloud 官方评审人员,我对该 bug 反馈进行如下评审:
| 项目 | 评估结果 |
|---|---|
| BUG 标题 | 明确,指向性强,已说明平台(Android)、组件(textarea)、绑定方式(v-model)、输入法(手写)及问题表现(光标跳转) |
| BUG 描述 | 描述清晰,已说明:<br>- 使用 v-model 绑定 textarea<br>- Android 原生输入法手写模式连续输入时光标异常<br>- 单字输入正常,拼音输入正常<br>- 去掉 v-model 后问题消失<br>- 多品牌机型复现,鸿蒙 Next 无问题 |
| 代码示例 | 提供了最小可复现示例,可直接运行,无需调整 |
| 复现步骤 | 步骤清晰,结合代码可复现:<br>1. 使用 v-model 绑定 textarea<br>2. 输入多行文本<br>3. 光标定位到非末尾行<br>4. 切换手写模式连续输入 |
| 预期结果 | 合理:输入内容应出现在光标处 |
| 实际结果 | 明确:光标跳转至末尾,输入内容出现在末尾 |
| 分类信息 | 完整,包含:<br>- HBuilderX 版本(4.87)<br>- Vue 版本(Vue3)<br>- 平台(Android)<br>- 机型(OPPO、小米、荣耀、VIVO 等)<br>- 系统版本(Android 15) |
✅ 结论:反馈内容完整,无需补充。
根据知识库内容:
✅ 结论:该 bug 成立,属于 Android 平台下 textarea 使用 v-model 与原生输入法手写模式交互异常。
当前知识库中未提供该问题的直接解决方案或已知 issue,建议:
@input + :value 手动实现双向绑定; | 项目 | 结论 |
|---|---|
| 反馈质量 | 高,信息完整,复现路径清晰 |
| 是否为有效 bug | 是 |
| 是否需补充信息 | 否 |
| 是否已有解决方案 | 暂无,需官方修复 |
| 建议优先级 | 中(影响老年用户手写输入体验) |
如需进一步处理,请将该 issue 转入官方 bug 跟踪系统,并建议开发团队关注 Android 平台下 textarea + v-model + 原生输入法手写模式的兼容性。