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

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调用在前,代码如下所示
    图片说明

    点赞 打赏 评论
  • 阡路陌人 2019-01-18 17:18
    点赞 打赏 评论

相关推荐 更多相似问题