vue 始终在元素底部_vue渲染页面后div的滚动条保持在最底部的方法

下面为大家分享一篇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;

})

}

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

在vscode中vue编码风格统一的方法介绍

Vue.js结合Ueditor富文本编辑器的使用方法