<textarea v-model="prompt"></textarea>
Koto
- 发布：2024-07-28 17:12
- 更新：2024-11-08 02:14
- 阅读：733
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Win11
HBuilderX类型： 正式
HBuilderX版本号： 4.23
手机系统： iOS
手机系统版本号： iOS 17
手机厂商： 苹果
手机机型： iphone13
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<textarea v-model="prompt"></textarea>
使用系统键盘打字，随便按字，按快点，光标就消失了，打的字也更新不上输入框
<textarea v-model="prompt"></textarea>
使用系统键盘打字，随便按字，按快点，光标就消失了，打的字也更新不上输入框
预期结果：
正常输入
正常输入
实际结果：
丢失光标，无法继续输入，得手动点击输入区重新获取光标
丢失光标，无法继续输入，得手动点击输入区重新获取光标
迟迟不修复，暂时给一个临时解决方法，不使用v-model和:value的替代
<template>
<view>
<textarea :key="textareaKey" ref="inputRef" class="message-input" placeholder="输入消息..." @input="onInput"></textarea>
<button @click="sendMessage">发送</button>
</view>
</template>
<script>
export default {
data() {
return {
message: '', // 临时存储消息
textareaKey: 0, // 用于强制重新渲染 textarea 的 key
};
},
methods: {
onInput(event) {
this.message = event.detail.value; // 实时更新消息内容
},
sendMessage() {
console.log('发送的消息:', this.message);
this.message = ''; // 重置消息内容
this.textareaKey += 1; // 强制重新渲染 textarea，清空输入框内容
},
},
};
</script>
<style>
</style>
为什么测试我这边IOS的APP没出现这个问题呢，请问下你是的textarea属性是怎么设置的
-
Koto (作者)
iPhone13 / 17.5.1
就直接<textarea v-model="prompt"></textarea>都能测出来，使用系统键盘，中文下打字选字随便点随便选，速度打快了就出丢光标的bug了。2024-08-02 16:04
Koto (作者)
请问什么时候能修复呢？或者有没有暂时的替代方案，3个APP都受了影响
2024-08-01 16:56
Koto (作者)
请问什么时候能修复呢
2024-08-05 18:16