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

}
相关推荐
光影少年7 小时前
Vue的响应式原理?Vue2和Vue3有什么区别?
前端·vue.js·掘金·金石计划
孟祥_成都7 小时前
Cursor 要被淘汰了?开发者最应该关注的 10 个信号
前端·人工智能
cxxcode7 小时前
Sentry browserTracingIntegration 实现原理深度解析
前端
孟沐7 小时前
大白话理解 Java 序列化:对标前端 JSON.stringify/parse
前端
忘ci7 小时前
electron、edge.js调用C#动态链接库的一些问题
前端
yannick_liu7 小时前
推荐一个可以在vue2中格式化json数据的插件
前端
可视之道7 小时前
Canvas 渲染引擎性能优化实战:从 15 FPS 到 55 FPS
前端
小猪努力学前端8 小时前
基于PixiJS的试玩广告开发-续篇
前端·javascript·游戏
bluceli8 小时前
前端构建工具深度解析:从Webpack到Vite的演进之路
前端
wuhen_n8 小时前
v-model 的进阶用法:搞定复杂的父子组件数据通信
前端·javascript·vue.js