目前我采用的方式是autosize插件，但是当textarea有初始值时，会出现内容截断的情况
实际上其后面还有内容，需要用键盘输入一个字符、回车或空格才会显示，如下图所示：
下面是代码：
我采用的是vue框架，为了使消除autosize插件的这个BUG，尝试了很多办法，上面的代码是先将textarea的value置空，然后再绑定autosize插件，依然没有效果，请求大神指点
web前端textarea的value有初始内容时，怎么实现文本域自适应
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 风闲1217 2019-02-14 14:08关注
后来我自己摸索，解决了这个问题，需要在页面更新时先将textarea的rows属性设置为1，然后调用this.$autosize和this.$autosize.update这2个
api，并且this.$autosize调用在前，代码如下所示
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2021-06-19 08:53weixin_39640573的博客 背景介绍正如我们所知道的 textarea 是一个行内块元素 display: ...那么, 我们今天的任务就是来思考如何创建一个 高度内容自适应的 textarea 组件，我将介绍三种思路实现 高度内容自适应的 textarea，具体代码 text...
- 2018-12-28 11:00wenmin1987的博客 场景需求：根据输入内容自适应高度，textarea不能满足需求，需要该进 autoTextarea.js: define('autoTextarea',[],function(){ return{ /* * 文本框根据输入内容自适应高度 *cfg{ //配置参数 ...
- 2024-01-19 10:39天問_的博客 在 React 应用中，有时需要一个文本域（textarea）能够根据输入的内容自动调整其高度。这在创建具有良好用户体验的表单和界面时非常有用。本文将介绍如何使用 React 来实现这一功能。
- 2019-10-02 00:57dgim65004的博客 转载：...然后当时就想这个交互该怎么实现比较好，然后想起了新浪微博的做法：点击评论，默认显示一行，当输入的文字超过一行或者输入Enter时，输入框的高度会随...
- 2023-07-07 16:54前端张三的博客 textarea自适应高度二——（设置隐藏div获取高度和仿element-ui组件）
- 2022-04-27 22:02liming89的博客 使用这些库的时候，我们很容易的在textarea中键入内容，超出范围时会自动延展一行，保证内容高度的自适应。当我们提交内容，在其它页面使用同样的UI来渲染时，麻烦的就来了，有些UI库是不支持自适应回显
- 2021-06-23 07:12weixin_39801714的博客 原标题：textarea 高度自适应的两种方案本文转载于 SegmentFault 社区社区专栏：前端学习路-郭盖作者： 郭盖阅读全文你将获得以下解决方案：1. 点击长文本编辑textarea，自动获得焦点2. 随着输入值自动伸缩高度3. 可...
- 2020-04-21 10:37liu__software的博客 今天需要些一个回复评论的页面，设计师给的初始界面就是一个只有一行的框。然后当时就想这个交互该怎么实现...下面分享2种实现textarea高度自适应的做法，一种是用div来模拟textarea来实现的，用CSS控制样式，不用J...
- 2023-02-28 23:26请叫我李总的博客 默认显示一个 multiple：允许选择多个列表项 （3）textarea：多行文本域 属性：没有value属性，内部不添加标签 cols列数 rows行数 （4）button标签 提交button>//默认 提交button>//具有提交功能的按钮 提交button>/...
- 2021-03-06 23:41weixin_39664585的博客 阅读全文你将获得以下解决方案。点击长文本编辑textarea，自动获得焦点随着输入值自动伸缩高度可复制添加信息可粘贴文本可...查文档 MDN，textarea元素存在**selectionEnd和selectionStart**的属性用来表示选中的文...
- 2022-10-18 17:04然哥有梦想的博客 web知识点
- 2021-02-11 16:42魏水华的博客 转自：...然后当时就想这个交互该怎么实现比较好，然后想起了新浪微博的做法：点击评论，默认显示一行，当输入的文字超过一行或者输入Enter时，输入框的高度会随着改变，直到...
- 2016-04-13 02:48lijunlinlijunlin的博客 //初始化文本域 test(); var $test = $('#test'); function bindChangeHandler(input,fun) { if("onpropertychange" in input) {//IE6、7、8，属性为disable时不会被触发 input....
- 2020-04-02 17:48小五Ivy的博客 在react中插入textarea，由后端返回的内容决定textarea的高度。 import React from 'react'; import {Input} from 'antd'; import $ from 'jquery'; const { TextArea } = Input; let valueShow='文本文本文本文本...
- Agile Trading的博客 1.textarea设置默认值HTML:此段代码设置一个textarea文本框 并且设置为隐藏2.textarea高度自适应今天需要些一个回复评论的页面，设计师给的初始界面就是一个只有一行的框。然后当时就想这个交互该怎么实现比较好，...
- 2020-12-08 16:27_阿毛的博客 $('textarea').each(function () { this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;'); }).on('input', function () { this.style.height = 'auto';
- 2019-09-03 14:13Just_Do_Eat的博客 web前端@css选择器超级详细 文章很长 需耐心阅读 内容总览 内容总览 学会使用CSS选择器 熟记CSS样式和外观属性 熟练掌握CSS各种选择器 熟练掌握CSS各种选择器 熟练掌握CSS三种显示模式 熟练掌握CSS背景属性 熟练...
- 2018-11-01 14:32绿萝哥哥的博客 分享知识，造福人民，实现我们中华民族伟大复兴！ ...
- 2024-03-27 20:39骑鱼过海的猫123的博客 内容4/12 div> <div class="layui-col-md4" style="background-color: red"> 内容4/12 div> <div class="layui-col-md5" style="background-color: blue"> 内容5/12 div> div> <hr/> <div class="layui-row"> ...
- 没有解决我的问题, 去提问
