vue textarea高度自适应 方法挺简短的

这个方法的思路借鉴了https://alistapart.com/article/expanding-text-areas-made-elegant/

效果：

代码：（去掉了不关键的样式部分)        注意：要加样式的话在.input{}里加

<div class="text">
    <pre class="input"><span ref="preTxt"></span><br/></pre>
    <textarea class="input" ref="textarea" rows="1" @input="resizeArea"></textarea>
</div>

    .text {
      position: relative;
      width: 200px;
      min-height: 20px;
    }
    .input {
      width: 100%;
      word-wrap: break-word;
      white-space: pre