微信小程序使用textarea默认字数限制以及高度自适应和默认高度设置_textarea组件设置高度,但是不限制字数如何实现

作者：爱喝兽奶帝天荒 | 2024-08-18 09:49:01

踩

textarea组件设置高度,但是不限制字数如何实现

<textarea model:value="{{text}}" auto-height placeholder="请输入内容" maxlength="-1" />

auto-height 设置自适应高度设置之后高度设置无效

maxlength="-1" 解决默认最大字数限制

css

// 文本域

textarea {

  border: 1px solid rgb(201, 201, 201); // 边框

  padding: 15rpx; // 内边距

  border-radius: 10rpx;

  font-size: 28rpx; // 设置字体大小和行高一样解决内部出现滚动条问题

  line-height: 28rpx;

  min-height: 200rpx;// 设置默认高度，解决设置自适应高度之后高度无效问题

}

效果

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/爱喝兽奶帝天荒/article/detail/996993