vue 每次渲染完頁面后div的滾動條保持在最底部的方法
更新時間：2018年03月17日 11:35:35 作者：Call_me_small_pure
下面小編就為大家分享一篇vue 每次渲染完頁面后div的滾動條保持在最底部的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
實例如下：
//每次頁面渲染完之后滾動條在最底部
updated:function(){
this.$nextTick(function(){
var div = document.getElementById('dialogue_box');
div.scrollTop = div.scrollHeight;
})
}
//第一次頁面渲染完之后滾動條在最底部
methods:function(){
this.$nextTick(function(){
var div = document.getElementById('dialogue_box');
div.scrollTop = div.scrollHeight;
})
}
以上這篇vue 每次渲染完頁面后div的滾動條保持在最底部的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vue中ref和$refs獲取元素dom、獲取子組件數(shù)據(jù)與方法調(diào)用示例
在Vue3中要獲取子組件的DOM節(jié)點,你可以使用ref來引用子組件,然后通過$refs來訪問子組件的DOM,下面這篇文章主要給大家介紹了關于vue中ref和$refs獲取元素dom、獲取子組件數(shù)據(jù)與方法調(diào)用的相關資料,需要的朋友可以參考下2024-07-07
使用Vue的slot插槽分發(fā)父組件內(nèi)容實現(xiàn)高度復用、更加靈活的組件(推薦)
這篇文章主要介紹了使用Vue的slot插槽分發(fā)父組件內(nèi)容實現(xiàn)高度復用、更加靈活的組件 ,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-05-05
這篇文章主要介紹了vue踩坑記錄:屬性報undefined錯誤問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了如何在 Vue 表單中處理圖片，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
Vue引入高德地圖并觸發(fā)實現(xiàn)多個標點的示例詳解
這篇文章主要介紹了Vue引入高德地圖并觸發(fā)實現(xiàn)多個標點,主要是在public下的index.html中引入地圖，引入組件設置寬高100%，本文通過示例代碼給大家介紹的非常詳細，需要的朋友可以參考下2022-05-05
這篇文章主要給大家介紹了關于項目部署后前端vue代理失效問題的解決辦法,文中通過圖文以及代碼示例將解決的辦法介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2024-02-02
在VSCode中添加好用的插件可以提高我們的開發(fā)效率,這些可以幫助我們格式化,擴充性,執(zhí)行最佳實踐的代碼方式,自動完成一些瑣碎的事情,下面這篇文章主要給大家推薦介紹了關于Vue3開發(fā)必備的六個VSCode插件,需要的朋友可以參考下2022-12-12
本文主要介紹了Vite性能優(yōu)化之分包策略的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-05-05
mpvue小程序循環(huán)動畫開啟暫停的實現(xiàn)方法
這篇文章主要介紹了mpvue小程序循環(huán)動畫開啟暫停的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
這篇文章主要介紹了vue computed的set方法無效問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11