uni-app textarea auto-height 文字出现上下滚动

在uni-app构建的微信小程序中,textarea的auto-height属性导致文字上下滚动。通过对比发现,原生微信小程序不会有此问题。经过排查,发现是uni-app编译后小程序的文本行高过大,通过调整uni-app的行高解决了滚动条问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

  • 帮一个可爱的小姐姐改一个uni-app构建的微信小程序时,在使用textarea组件时遇到的一点小问题。
  • 描述问题:在uni-app中,<textarea>auto-hetght属性会出现高度不够,文字能够上下移动的问题,具体见下图:

当输入的文字过多时,textarea内的文字可以上下滚动。 这不属于产品的需求,产品要的是输入框高度随着文字的变化而变化不能出现滚动条,而在uni-app打包的微信小程序中却出现了滚动

解决思路

  • 排查原生微信小程序中是否有该问题 在微信小程序原生语法中尝试使用该组件:
    <textarea placeholder="sxx是猪" class="textarea" auto-height="true"
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值