【Vue】input textarea自动滚动到输入处

由于我这里要把接口返回的日志不断地新增到textarea里,想实现自动滚动日志的效果。

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

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

2.每次新增内容都要调用

const textarea = document.getElementById('textarea_id');
textarea.scrollTop = textarea.scrollHeight;

 

posted @ 2019-10-09 10:55    阅读(1896)  评论(2编辑  收藏  举报