uni-app textarea设置auto-height后问题
uni-app textarea设置auto-height后问题
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | 1909 | HBuilderX |
操作步骤：
- 使用textarea并设置auto-height后
预期结果：
- 和h5效果一致，默认高度正常
实际结果：
- 不一致，默认高度和输入字段后高度会产生变化
bug描述：
- textarea设置auto-height后h5端正常，app中默认高度有出现问题，输入值后高度会改变。
更多关于uni-app textarea设置auto-height后问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
2 回复
我也遇见了默认高度nvue会坍塌 vue页面正常
更多关于uni-app textarea设置auto-height后问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在uni-app中，textarea组件的auto-height属性在不同平台确实存在差异。针对您描述的问题：
- 平台差异原因：
- H5端使用的是浏览器原生textarea，auto-height表现符合预期
- App端使用的是原生组件渲染，实现机制不同
- 解决方案：
- 可尝试通过CSS固定初始高度
- 或使用@input事件动态计算高度
- 替代方案：
- 推荐使用uni-app的editor组件替代textarea
- 或使用第三方插件如uView的textarea组件
- 临时修复：
textarea {
min-height: 100px;
height: auto;
}