当前位置: 首页 > news >正文

vue中textarea标签高度自适应文本高度(解决方案)

在textarea标签中绑定ref和input属性。

      <textarearef="textareaRef"v-model="text"placeholder="请输入"@input="resizeTextarea"></textarea>

写入input方法。

    resizeTextarea() {if(!this.content.text) returnthis.$nextTick(() => {this.$refs.textareaRef.style.height = 'auto'this.$refs.textareaRef.style.height =this.$refs.textareaRef.scrollHeight + 2 + 'px'})},

resizeTextarea方法在调用时会调整文本框高度,到适应文字高度的位置。

http://www.xdnf.cn/news/16219.html

相关文章:

  • 6.8.最小生成树
  • 中华传承-医山命相卜-易经
  • 如何批量在多个 Word 文档末尾添加广告页面
  • 6.6.图的广度优先遍历(英文缩写BFS)
  • 在ubuntu中VsCode使用python docker容器
  • 工厂方法模式详解及c++代码实现(以自动驾驶感知模块中的应用为例)
  • 三维点拟合平面ransac c++
  • JAVA设计模式:注解+模板+接口
  • 解锁健康生活:养生新主张
  • 【AI飞】AutoIT入门七(实战):python操控autoit解决csf视频批量转换(有点难,AI都不会)
  • 汽车行驶工况特征参数:从“速度曲线”到“驾驶DNA”的硬核解码
  • Linux:命令行参数、环境变量
  • ES6 Object.values 特定字段处理
  • IntelliJ IDEA clean git password
  • 每日一题(小白)暴力娱乐篇33
  • ObjectOutputStream 深度解析
  • 关于RK3588cpu多线程速度慢的问题
  • vLLM V1:性能优化与集群扩展的深度解析
  • LabVIEW 项目开发:需求引导与系统统筹
  • DeepSeek 助力 Vue3 开发:打造丝滑的日历(Calendar),日历_自定义单元格大小示例(CalendarView01_07)
  • 基于CNN与VGG16的图像识别快速实现指南
  • 职坐标IT培训热门技术实战精讲
  • 跟我学C++中级篇——内存异常的分析
  • 在排序数组中查找元素的第一个和最后一个位置--LeetCode
  • 【SAP ME 43】RESRCE表操作导致HANA中表锁定解决方案
  • Netlink套接字
  • 基于微信小程序的中医小妙招系统的设计与实现
  • 使用dompurify修复XSS跨站脚本缺陷
  • k8s 调整Node节点 Max_Pods
  • dify本地部署,docker-plugin_daemon-1启动不了,一直报错