风闲1217 2019-01-18 16:03 采纳率: 100%
浏览 1349
已采纳

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

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

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

下面是代码:
图片说明

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

  • 写回答

2条回答 默认 最新

  • 风闲1217 2019-02-14 14:08
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 数学的三元一次方程求解
  • ¥20 iqoo11 如何下载安装工程模式
  • ¥15 本题的答案是不是有问题
  • ¥15 关于#r语言#的问题:(svydesign)为什么在一个大的数据集中抽取了一个小数据集
  • ¥15 C++使用Gunplot
  • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 蓝桥杯单片机第十三届第一场,整点继电器吸合,5s后断开出现了问题