技术栈

Element Plus 文本域设置固定行数

小陈学前端_2024-03-23 16:49

问题: 要求el-input文本域设置固定3行,不可拉伸
解决过程:

1.rows属性设置行数,:rows="3"为3行,只在type="textarea"时有效

2.resize="none"设置不可拉伸,如果需求可以拉伸,不加此属性即可
解决结果:

复制代码
<el-input
      v-model="state.addAreaForm.notes"
      placeholder="请输入备注"
      clearable
      :rows="3"
      resize="none"
      type="textarea"
/>
上一篇:第十二届蓝桥杯省赛C&C++ 研究生组-双向排序
下一篇:Web Audio API 第2章 完美的播放时机控制
相关推荐
UXbot
11 分钟前
原型设计工具如何帮助新人快速进入产品行业?
前端·低代码·ui·交互·团队开发·原型模式·web app
黄敬峰
1 小时前
从 DFS 遍历到抖音推荐算法:前端工程师的硬核复习笔记
前端
zach
1 小时前
网页中的虚拟滚动技术是不是源自IOS中的tableview的机制
前端
林希_Rachel_傻希希
1 小时前
1小时速通React之Hooks
前端·javascript·面试
柯克七七
1 小时前
公司前端项目打包体积从 2MB 降到 400KB,我改了这四个配置
前端
英勇无比的消炎药
1 小时前
我才发现这些架构的“拆”与“合”哲学
前端
shen_
1 小时前
AI Coding:前端UI规范笔记
前端
石山代码
2 小时前
JavaScript 进阶核心知识点
开发语言·javascript·ecmascript
llz_112
2 小时前
web-第五次课后作业
前端·后端·http
热门推荐
012026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?022026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?032026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf04HTTP 与 HTTPS 的区别:从原理到实战详解05【AI】2026 年具身智能模型和世界模型总结06GitHub 镜像站点07上线仅72小时被强制下架:Claude Fable 5 的短命08AI科技热点日报 | 2026年6月1日09Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析10Codex 下载安装指南:Windows 和 macOS 官方版下载