【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;

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM