Vue input textarea自动滚动到最底部

数据刷新是会不停地补充在textarea输入框

首先定一个textarea类型的input组件

首先使用 vue，其实一样，但是我使用了 element 组件库，其实不影响，和单纯的 textarea 效果一样。主要就是给 textarea 添加一个 id 或者是 class ，在后面新数据添加到输入框之后获取到元素，把他的滚动条滚动高度设置成滚动最大高度就可以。

<el-input 
   id="textarea_id"
   type="textarea"
   :rows="20"
   placeholder="请输入内容"
   v-model="textarea" 
   readonly="">
</el-input>

每次更新textarea时需要将滚动条滚动到最后

this.$nextTick(() => {
        const textarea = document.getElementById('scroll_text');
        textarea.scrollTop = textarea.scrollHeight;
      })