vue渲染完页面后div的滚动条保持在最底部的方法
来源：动视网
责编：小OO
时间：2020-11-27 19:59:05
vue渲染完页面后div的滚动条保持在最底部的方法
实例如下：//每次页面渲染完之后滚动条在最底部updated：function(){ this.$nextTick(function(){ var p = document.getElementById('；dialogue_box'；)；p.scrollTop = p.scrollHeight；}) }。//第一次页面渲染完之后滚动条在最底部methods：function(){ this.$nextTick(function(){ var p = document.getElementById('；dialogue_box'；)；p.scrollTop = p.scrollHeight；}) }。
导读实例如下：//每次页面渲染完之后滚动条在最底部updated：function(){ this.$nextTick(function(){ var p = document.getElementById('；dialogue_box'；)；p.scrollTop = p.scrollHeight；}) }。//第一次页面渲染完之后滚动条在最底部methods：function(){ this.$nextTick(function(){ var p = document.getElementById('；dialogue_box'；)；p.scrollTop = p.scrollHeight；}) }。
本文主要为大家分享一篇vue 每次渲染完页面后p的滚动条保持在最底部的方法，具有很好的参考价值，希望能帮助到大家。
实例如下：
//每次页面渲染完之后滚动条在最底部
updated:function(){
this.$nextTick(function(){
var p = document.getElementById('dialogue_box');
p.scrollTop = p.scrollHeight;
})
}//第一次页面渲染完之后滚动条在最底部
methods:function(){
this.$nextTick(function(){
var p = document.getElementById('dialogue_box');
p.scrollTop = p.scrollHeight;
})
}
vue渲染完页面后div的滚动条保持在最底部的方法
实例如下：//每次页面渲染完之后滚动条在最底部updated：function(){ this.$nextTick(function(){ var p = document.getElementById('；dialogue_box'；)；p.scrollTop = p.scrollHeight；}) }。//第一次页面渲染完之后滚动条在最底部methods：function(){ this.$nextTick(function(){ var p = document.getElementById('；dialogue_box'；)；p.scrollTop = p.scrollHeight；}) }。
