<textarea v-model="prompt"></textarea>
- 发布:2024-07-28 17:12
- 更新:2024-11-08 02:14
- 阅读:686
产品分类: 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