当前位置： 首页 > article >正文

vue3如何修改element ui input中type属性为textarea的高度

article 2024/11/14 8:44:31

效果：

方法一：直接使用autosize

  <el-input
            :maxlength="500"
            :autosize="{ minRows: 5, maxRows: 5 }"
            type="textarea"
            v-model="form.description"
            placeholder="请输入描述"
          ></el-input>

方法二： 

修改 <el-input> 组件中的 textarea 的高度为 200px，可以通过设置 style 属性或使用 CSS 来实现。

:style="{ height: '200px' }"

方法三：给 textarea 添加一个自定义类，然后在样式中设置高度

<el-input
  type="textarea"
  :maxlength="500"
  :autosize="{ minRows: 5, maxRows: 5 }"
  v-model="form.description"
  placeholder="请输入描述"
  class="custom-textarea"  <!-- 添加自定义类 -->
></el-input>

然后在样式中设置：

<style scoped>
.custom-textarea {
  height: 200px !important;  
}
</style>


http://www.kler.cn/a/390820.html

相关文章：

  • 2411C++,C++26反射示例
  • 尽量通俗易懂地概述.Net U nity跨语言/跨平台相关知识
  • rockylinux 8安装 gcc11.2
  • AI绘画经验（stable-diffusion）
  • 初探鸿蒙：从概念到实践
  • LLMs之Code：Github Spark的简介、安装和使用方法、案例应用之详细攻略
  • Linux：认识文件系统
  • Spring Boot框架的知识分类技术解析
  • 某m大厂面经1
  • 交叉编译工具链制作（RK3588用）
  • 【MATLAB代码】结合匀速运动 (CV) 和匀加速运动 (CA) 模型的EKF构造的IMM（交互式多模型）
  • 安卓属性动画插值器（Interpolator）详解
  • LeetCode:703. 数据流中的第 K 大元素
  • 大模型-微调与对齐-RLHF
  • Python使用Faker库生成伪数据
  • 从0开始学 docker （每日更新 24-11-8）
  • leetcode21. Merge Two Sorted Lists
  • Leetcode 检测相邻递增子数组
  • LeetCode 93-复制 IP地址
  • MYSQL知识总结
  • uni-app选项卡制作 ⑥
  • 【网络安全渗透测试零基础入门】之SNMP放大攻击原理及实战演示，零基础入门到精通，收藏这一篇就够了！
  • 【c语言】memmove函数的使用和模拟实现
  • 【Linux】获得同一子网下当前在线设备IP/Latency/MAC 通过nmap指定CIDR扫描当前在线设备
  • Redis在docker中的主从，哨兵配置
  • kafka消费者的消费分区策略有哪些，默认是哪个？