textarea行数自适应_Vue textarea 高度自适应

Vue textarea 高度自适应

• 主要用到两个属性offsetHeight，scrollHeight
• scrollHeight 是内容的滚动高度,包含没实现出来的
• offsetHeight 当前控件显示的高度，如果文字增多了，不做自适应，这个高度不变，scrolHeight变大，所以可以比较这两个值，修改textarea的高度后，offsetHeight也就变了。

• 参考

scrollHeight: ENTIRE  content & padding (visible or not)
Height of all content + paddings, despite of height of the element.

clientHeight: VISIBLE content & padding
Only visible height: content portion limited by explicitly defined height of the element.

offsetHeight: VISIBLE content & padding + border + scrollbar
Height occupied by the element on document.