iOS端textarea输入内容在uni-app中其他input输入框跟着变

iOS端textarea输入内容在uni-app中其他input输入框跟着变

类别 信息
产品分类 uniapp/小程序/微信
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 4.75
第三方开发者工具版本号 1.06
基础库版本号 2.20.3
项目创建方式 HBuilderX

操作步骤：

  • 1

预期结果：

  • 1

实际结果：

  • 1

bug描述：


更多关于iOS端textarea输入内容在uni-app中其他input输入框跟着变的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

hx升级到最新 4.84 版本试试还有没有这个问题

更多关于iOS端textarea输入内容在uni-app中其他input输入框跟着变的实战教程也可以访问 https://www.itying.com/category-93-b0.html


没有用,还是一样

回复 2***@qq.com: 试试原生微信小程序有没有这个问题

回复 DCloud_UNI_JBB: 发现问题了,在iOS端,页面一开始有一个input 一个textarea,这个时候@input事件是正常的,当有动态v-if出来的input后,事件回调就错乱了,不知道是uniapp还是企业微信还是iOS的问题…

回复 2***@qq.com: 评论区发个demo吧

这是一个典型的 uni-app 中数据绑定问题。当多个输入组件绑定到同一个 data 属性时，修改其中一个输入框的内容会导致所有绑定的输入框同步更新。

问题原因： 在 uni-app 中，textarea 和 input 组件如果都通过 v-model 绑定到同一个 data 变量，就会出现这种联动变化的情况。

解决方案：

  1. 检查数据绑定 确保每个输入框都绑定到独立的 data 属性：

    data() {
  return {
    textareaValue: '',
    inputValue: ''
  }
}

  2. 模板中使用独立绑定

    <textarea v-model="textareaValue"></textarea>
<input v-model="inputValue" />

  3. 如果确实需要数据关联 如果需要基于 textarea 的内容计算其他输入框的值，应该使用计算属性或监听器：

    computed: {
  computedInputValue() {
    return this.textareaValue + '处理后的内容';
  }
}
回到顶部