vue 內容增長滾動條自動定位至底部

this.$nextTick(() => {
        document.body.scrollTop = document.body.scrollHeight;
        console.log(document.body.scrollTop);
});

 數據改變以後，DOM 並無當即發生變化，因此 document.body.scrollTop 仍是上一次 DOM更新以後的值。

Vue 實現響應式並非數據發生變化以後 DOM 當即變化，而是按必定的策略進行 DOM 的更新。$nextTick 是在下次 DOM 更新循環結束以後執行延遲迴調，在修改數據以後使用。

再次修改以後的代碼以下，能夠實現自動定位到對話頁面的底部，可是還有一個小問題，就是輸入新的對話信息以後會出現閃屏的現象，能夠經過設置延時來解決。