web前端textarea的value有初始内容时,怎么实现文本域自适应

web前端textarea的value有初始内容时,怎么实现文本域自适应

问题描述:

目前我采用的方式是autosize插件,但是当textarea有初始值时,会出现内容截断的情况

图片说明
实际上其后面还有内容,需要用键盘输入一个字符、回车或空格才会显示,如下图所示:
图片说明

下面是代码:
图片说明

我采用的是vue框架,为了使消除autosize插件的这个BUG,尝试了很多办法,上面的代码是先将textarea的value置空,然后再绑定autosize插件,依然没有效果,请求大神指点

后来我自己摸索,解决了这个问题,需要在页面更新时先将textarea的rows属性设置为1,然后调用this.$autosize和this.$autosize.update这2个
api,并且this.$autosize调用在前,代码如下所示
图片说明