目前我采用的方式是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调用在前，代码如下所示
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2018-07-11 08:58回答 2 已采纳 ``` 那个是\n回车符号啊。。ie下回车由\r\n组成，非ie是\n，要统一你应该替换掉\r，将r变为n。而且replace只替换一次，多个要用正则 xxxx.replace(
- 2023-04-05 13:58回答 2 已采纳 改成这样试试： <div class="wrapper" style="width: 1476px; height: 770px;"> <div id="building" st
- 2019-01-27 22:48回答 3 已采纳 ``` 不知道你是\\还是\，估计是编辑器搞丢了，如果是你没有写，那么要写成\\，另外/gi 匹配下多行 下次再提问，用工具条“代码片”格式化下 ```
- 2021-06-19 08:53weixin_39640573的博客 背景介绍正如我们所知道的 textarea 是一个行内块元素 display: ...那么, 我们今天的任务就是来思考如何创建一个 高度内容自适应的 textarea 组件，我将介绍三种思路实现 高度内容自适应的 textarea，具体代码 text...
- 2021-12-06 12:08回答 1 已采纳 可以设置宽度的，直接在标签上绑定style="width:50%"就好了antd的文本域标签是TextArea 吧，你换一下试试
- 2021-09-15 12:50回答 1 已采纳 react里直接用script?没用create-app框架？先看看是否获取到了 dom。再赋值。 且react有自己的获取dom方式ref.不是说js获取不行，但可能存在问题。因为react和vue
- 2021-07-24 17:09回答 1 已采纳 是这个样子嘛
- 2018-12-28 11:00wenmin1987的博客 场景需求：根据输入内容自适应高度，textarea不能满足需求，需要该进 autoTextarea.js: define('autoTextarea',[],function(){ return{ /* * 文本框根据输入内容自适应高度 *cfg{ //配置参数 ...
- 2021-09-16 20:51回答 2 已采纳 单纯的textarea 估计很难满足这个要求，你要求的是一个类似于富文本编辑器的东东，找个现成的组件吧。
- 2021-09-16 19:27回答 3 已采纳 :autosize="{minRows: 25}" 呢？你得给autosize传个对象，如果不用:autosize而是用autosize传值的话，传过去的是字符串了，不是对象。
- 2023-02-10 14:14回答 1 已采纳 设置 viewport-fit=cover设置 fixed 布局，把 textarea 元素的定位设置为 fixed或者使用 JavaScript 检测键盘的弹出事件，在弹出键盘时移动整个页面，确保
- 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. 可...
- 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知识点
- 没有解决我的问题, 去提问
悬赏问题
- ¥30 STM32 INMP441无法读取数据
- ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
- ¥15 用visualstudio2022创建vue项目后无法启动
- ¥15 x趋于0时tanx-sinx极限可以拆开算吗
- ¥500 把面具戴到人脸上，请大家贡献智慧
- ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面，不要作在线的，要离线状态。
- ¥15 各位 帮我看看如何写代码，打出来的图形要和如下图呈现的一样，急
- ¥30 c#打开word开启修订并实时显示批注
- ¥15 如何解决ldsc的这条报错/index error
- ¥15 VS2022+WDK驱动开发环境