【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