uni-app textarea组件设置disabled后，在微信小程序下不显示内容，去掉disabled则显示正常
uni-app textarea组件设置disabled后，在微信小程序下不显示内容，去掉disabled则显示正常
| 项目信息 | 详情 |
|---|---|
| 产品分类 | uniapp/小程序/微信 |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | win7 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 3.1.2 |
| 第三方开发者工具版本号 | 1.03.2 |
| 基础库版本号 | 2.15 |
| 项目创建方式 | HBuilderX |
操作步骤：
<textarea class="disabled" style="height: 300rpx;" disabled :value="item.Content" />
```
### 预期结果：
显示内容
### 实际结果：
内容不可见
### bug描述：
textarea 组件用于显示表单信息，目的是想让只读，所以用了disabled ，H5显示正常，但是 微信小程序下就是不显示，去掉disabled 显示正常。
更多关于uni-app textarea组件设置disabled后，在微信小程序下不显示内容，去掉disabled则显示正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html
13 回复
直接测试微信小程序（不使用 uni-app ）是否仍然有此问题，如果有，反馈到微信小程序社区
更多关于uni-app textarea组件设置disabled后，在微信小程序下不显示内容，去掉disabled则显示正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html
你仔细看 textarea 有一个 属性 maxlength 默认值为 150 , h5貌似 如果不设置也可以将内容显示全,
但是 小程序或者是app 端 可能不行, 如果你的内容过长, 可能需要设置这个值大一些
uniapp项目2.0： data中定义的值：cardindex: 1 根据后端返回的值动态进行修改: cardindex 进行置灰不可编辑， 运行到微信小程序后，偶发性不显示，检查dom元素存在，值也是正常，但就是不显示，去掉disbaled这个属性值就可以显示，最新出现的问题，之前没有此类问题，目前的处理办法时动态用css去处理这个问题
<view class="cu-form-group ">
<view class=" title"><text class="required">*</text>姓名</view>
<textarea auto-height class="text-right" placeholder="请输入姓名" data-key="name" :disabled="cardindex==0" v-model.trim="name" maxlength="100" />
</view>
这是一个已知的微信小程序平台的兼容性问题。在微信小程序中，textarea组件的disabled属性会导致内容不显示，这是微信原生组件的限制。
解决方案有以下几种：
- 改用readonly属性替代disabled：
<textarea class="disabled" style="height: 300rpx;" readonly :value="item.Content" />
- 如果必须使用disabled，可以通过条件编译针对不同平台处理：
<!-- #ifdef MP-WEIXIN -->
<textarea class="disabled" style="height: 300rpx;" readonly :value="item.Content" />
<!-- #endif -->
<!-- #ifndef MP-WEIXIN -->
<textarea class="disabled" style="height: 300rpx;" disabled :value="item.Content" />
<!-- #endif -->
- 或者通过样式模拟禁用状态：
<textarea class="disabled" style="height: 300rpx; background-color:#f5f5f5;"
:disabled="!isWeixin" :readonly="isWeixin" :value="item.Content" />