textarea 组件在 uni-app 的 APP 端 iOS 模拟器中无法渲染无法输入

textarea 组件在 uni-app 的 APP 端 iOS 模拟器中无法渲染无法输入

开发环境 版本号 项目创建方式
Mac 15 CLI 
示例代码：

```html
<textarea  
  v-show="inputStatus.isShowInputBox"  
  auto-height  
  confirm-hold  
  v-model="text"  
  :maxlength="-1"  
  rows="1"  
  [@confirm](/user/confirm)="_sendMessage"  
  confirm-type="send">  
</textarea>

操作步骤：

<textarea  
  v-show="inputStatus.isShowInputBox"  
  auto-height  
  confirm-hold  
  v-model="text"  
  maxlength="-1"
  rows="1"
  [@confirm](/user/confirm)="_sendMessage"
  confirm-type="send">
</textarea>

更多关于textarea 组件在 uni-app 的 APP 端 iOS 模拟器中无法渲染无法输入的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

HBuilderX 4.61.2025040322-alpha 已修复。

更多关于textarea 组件在 uni-app 的 APP 端 iOS 模拟器中无法渲染无法输入的实战教程也可以访问 https://www.itying.com/category-93-b0.html


感谢反馈，暂时判断是 textarea 组件编译有问题，你的写法由换行改成一行，暂时可以解决这个问题 修改前： <textarea v-model="text">
</textarea> 修改后： <textarea v-model="text"></textarea>

这是一个在uni-app iOS模拟器中常见的textarea渲染问题。可能的原因和解决方案如下：

  1. 首先检查v-show绑定的inputStatus.isShowInputBox值是否正确，确保组件确实应该显示

  2. iOS模拟器对textarea的支持可能存在差异，建议：

  • 尝试使用v-if替代v-show
  • 移除rows属性（iOS可能不支持）
  • 将maxlength="-1"改为具体数值或移除

  1. 确认HBuilderX版本是否为最新，旧版本可能存在iOS模拟器的兼容性问题

  2. 可以尝试添加基础样式确保元素可见：

textarea {
  width: 100%;
  min-height: 40px;
  background-color: #fff;
}
回到顶部