vue 每次渲染完頁面后div的滾動(dòng)條保持在最底部的方法
更新時(shí)間：2018年03月17日 11:35:35 作者：Call_me_small_pure
下面小編就為大家分享一篇vue 每次渲染完頁面后div的滾動(dòng)條保持在最底部的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
實(shí)例如下：
//每次頁面渲染完之后滾動(dòng)條在最底部
updated:function(){
this.$nextTick(function(){
var div = document.getElementById('dialogue_box');
div.scrollTop = div.scrollHeight;
})
}
//第一次頁面渲染完之后滾動(dòng)條在最底部
methods:function(){
this.$nextTick(function(){
var div = document.getElementById('dialogue_box');
div.scrollTop = div.scrollHeight;
})
}
以上這篇vue 每次渲染完頁面后div的滾動(dòng)條保持在最底部的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
解決vue前端文件上傳報(bào)錯(cuò):上傳失敗,原因:413 Request Entity Too&
這篇文章主要介紹了解決vue前端文件上傳報(bào)錯(cuò):上傳失敗,原因:413 Request Entity Too Large,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
Vue實(shí)現(xiàn)獲取后端接口API代碼片段(已封裝Service方法名)
Vue實(shí)現(xiàn)獲取后端接口API代碼片段(已封裝Service方法名)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
Vue2.0實(shí)現(xiàn)調(diào)用攝像頭進(jìn)行拍照功能 exif.js實(shí)現(xiàn)圖片上傳功能
這篇文章主要為大家詳細(xì)介紹了Vue2.0實(shí)現(xiàn)調(diào)用攝像頭進(jìn)行拍照功能，以及圖片上傳功能引用exif.js，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-04-04
mini-vue渲染的簡(jiǎn)易實(shí)現(xiàn)
本文主要介紹了mini-vue渲染的簡(jiǎn)易實(shí)現(xiàn)，主要簡(jiǎn)單來實(shí)現(xiàn)一個(gè)虛擬dom渲染真實(shí)dom，以及更新的方法。具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)附件上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
這篇文章主要介紹了vue-cli中打包圖片路徑錯(cuò)誤的解決方法 ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
Vue中實(shí)現(xiàn)回車鍵切換焦點(diǎn)的方法
這篇文章主要介紹了在Vue中實(shí)現(xiàn)回車鍵切換焦點(diǎn)的方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-02
在本篇文章里小編給大家整理的是關(guān)于vue中使用rem布局代碼詳解知識(shí)點(diǎn)，需要的朋友們參考下。2019-10-10
詳解Vue中的render:?h?=＞?h(App)示例代碼
這篇文章主要介紹了Vue中的render:?h?=＞?h(App),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09
vue3?父控件遠(yuǎn)程獲取數(shù)據(jù)在子組件上顯示不出來的解決方案
這篇文章主要介紹了vue3?父控件遠(yuǎn)程獲取數(shù)據(jù)，在子組件上顯示不出來，本文給大家分享兩種解決方案幫助大家解決這個(gè)問題,需要的朋友可以參考下2023-08-08