uniApp使用textarea,默认高度且文字多后自适应设置

需求是有一个默认高度且文字溢出时需要自适应高度

代码如下

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

textarea {

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

  padding: 15rpx; // 内边距

  border-radius: 10rpx; 

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

  line-height: 28rpx;

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

}
相关推荐
人间凡尔赛5 分钟前
React Compiler 1.0 正式落地:告别 useMemo / useCallback,2026 前端性能优化的新范式
前端·性能优化·react
灵析表格20 分钟前
灵析表格功能函数深度分析报告
前端·数据库·microsoft
Data_Journal21 分钟前
掌握网页抓取中的分页:完整指南
java·服务器·前端
breeze jiang26 分钟前
React useRef + Web Worker:避免大计算阻塞页面的通信方案
前端·javascript·react.js
fthux37 分钟前
MCP协议开发实战:从零搭建AI Agent工具链
前端·人工智能·ai·开源·github
油丶酸萝卜别吃1 小时前
encrypt.js — 前端密码哈希工具说明文档
前端·javascript·哈希算法
codeGoogle10 小时前
自研 IM 还是选择第三方 SDK?企业开发者应该如何权衡?
前端·后端·程序员
用户9385156350711 小时前
React Context 与自定义 Hook 从底层到实践:「跨层级通信 + 副作用封装」全解析
前端·javascript·react.js
滴滴答答哒11 小时前
VUE3+element-plus MultiSelect 多选下拉组件
前端·javascript·vue.js