vue每次渲染完頁(yè)面后div的滾動(dòng)條保持在最底部的方法
來(lái)源：懂視網(wǎng)
責(zé)編：小OO
時(shí)間：2020-11-27 19:44:16
vue每次渲染完頁(yè)面后div的滾動(dòng)條保持在最底部的方法
實(shí)例如下：//每次頁(yè)面渲染完之后滾動(dòng)條在最底部updated：function(){ this.$nextTick(function(){ var p = document.getElementById('；dialogue_box'；)；p.scrollTop = p.scrollHeight；}) }。//第一次頁(yè)面渲染完之后滾動(dòng)條在最底部methods：function(){ this.$nextTick(function(){ var p = document.getElementById('；dialogue_box'；)；p.scrollTop = p.scrollHeight；}) }。
導(dǎo)讀實(shí)例如下：//每次頁(yè)面渲染完之后滾動(dòng)條在最底部updated：function(){ this.$nextTick(function(){ var p = document.getElementById('；dialogue_box'；)；p.scrollTop = p.scrollHeight；}) }。//第一次頁(yè)面渲染完之后滾動(dòng)條在最底部methods：function(){ this.$nextTick(function(){ var p = document.getElementById('；dialogue_box'；)；p.scrollTop = p.scrollHeight；}) }。
下面我就為大家分享一篇vue 每次渲染完頁(yè)面后p的滾動(dòng)條保持在最底部的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。
實(shí)例如下：
//每次頁(yè)面渲染完之后滾動(dòng)條在最底部
updated:function(){
this.$nextTick(function(){
var p = document.getElementById('dialogue_box');
p.scrollTop = p.scrollHeight;
})
}//第一次頁(yè)面渲染完之后滾動(dòng)條在最底部
methods:function(){
this.$nextTick(function(){
var p = document.getElementById('dialogue_box');
p.scrollTop = p.scrollHeight;
})
}上面是我整理給大家的，希望今后會(huì)對(duì)大家有幫助。
相關(guān)文章：
基于vue2.0動(dòng)態(tài)組件及render詳解
對(duì)vue里函數(shù)的調(diào)用順序介紹
JS實(shí)現(xiàn)為動(dòng)態(tài)創(chuàng)建的元素添加事件操作示例
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
vue每次渲染完頁(yè)面后div的滾動(dòng)條保持在最底部的方法
實(shí)例如下：//每次頁(yè)面渲染完之后滾動(dòng)條在最底部updated：function(){ this.$nextTick(function(){ var p = document.getElementById('；dialogue_box'；)；p.scrollTop = p.scrollHeight；}) }。//第一次頁(yè)面渲染完之后滾動(dòng)條在最底部methods：function(){ this.$nextTick(function(){ var p = document.getElementById('；dialogue_box'；)；p.scrollTop = p.scrollHeight；}) }。
