微信小程序使用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;// 设置默认高度 ,解决设置自适应高度之后高度无效问题

}

效果

相关推荐
走,带你去玩6 小时前
uniapp 微信小程序水印
微信小程序·小程序·uni-app
是一碗螺丝粉7 小时前
🔥 微信H5视频自动播放终极秘籍:WeixinJSBridge竟是官方“通行证”?
微信小程序
一笑code7 小时前
vue/微信小程序/h5 实现react的boundary
微信小程序·vue·react
菌菇汤9 小时前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
CC同学呀16 小时前
从0到100:单位订餐统计小程序开发日记2025
小程序
666HZ66621 小时前
微信小程序中scss、ts、wxml
微信小程序·小程序·scss
二十十十十十1 天前
微信点餐小程序—美食物
微信·小程序
向明天乄1 天前
在小程序中实现实时聊天:WebSocket最佳实践
websocket·网络协议·小程序
h185385922441 天前
租车小程序电动车租赁小程序php方案
小程序
海的诗篇_1 天前
前端开发面试题总结-原生小程序部分
前端·javascript·面试·小程序·vue·html