标签：autosize

实现一个自动高度的输入框

前言大概在上个月的时候我就看了对应的一些资料，但是一直拖着，因为这个功能其实vue的框架就有提供，比如element ui的input组件，它的这个功能叫自适应文本域，属性为autosize。所以本文也不过多讲解具体实现，主要还是它的原理层的东西。这个功能可以用在哪呢？比如移动端的聊天输入框的高度判断，拿我们的QQ来讲，在没有内容的时候它就只有1行的高度，如果内容过高，就会自动变高，然后也会有一个max的最大高度阈值，这个高度一般是几行，比如最大6行高度，多了就滚动条处理。那么就开始吧！最基本的实现变高原理其实非常简单，假设我现在有一个textarea元素用于用户的输入，然后我希望它在用...