uni-app H5页面textarea使用v-modal，ios输入会突然输入不了内容

uni-app H5页面textarea使用v-modal，ios输入会突然输入不了内容

H5页面textarea使用v-modal，ios输入会突然输入不了内容，换成uv-ui里面的组件也是有问题，最后不用v-model就可以了，为什么会这样？效果见附件视频压缩文件

信息类型 详情
开发环境 未提及
版本号 未提及
项目创建方式 未提及

c47850633f57ff11ec5caa77431fa2b8.rar


更多关于uni-app H5页面textarea使用v-modal，ios输入会突然输入不了内容的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

问题已复现，感谢反馈，已加分。

更多关于uni-app H5页面textarea使用v-modal，ios输入会突然输入不了内容的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个iOS系统下常见的v-model输入问题。主要原因如下：

  1. iOS的WebKit内核在处理v-model双向绑定时，有时会出现输入事件与数据更新不同步的情况，导致输入卡顿或无法输入。

  2. 解决方案建议：

  • 使用value+@input替代v-model
<textarea :value="text" [@input](/user/input)="text = $event.target.value"></textarea>
  • 或者添加input事件处理
<textarea v-model="text" [@input](/user/input)="handleInput"></textarea>

methods: {
  handleInput(e) {
    this.text = e.target.value
  }
}
回到顶部