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的滚动条保持在最底部的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue中ref和$refs获取元素dom、获取子组件数据与方法调用示例
在Vue3中要获取子组件的DOM节点,你可以使用ref来引用子组件,然后通过$refs来访问子组件的DOM,下面这篇文章主要给大家介绍了关于vue中ref和$refs获取元素dom、获取子组件数据与方法调用的相关资料,需要的朋友可以参考下2024-07-07
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
这篇文章主要介绍了使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件 ,非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-05-05
这篇文章主要介绍了vue踩坑记录:属性报undefined错误问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了如何在 Vue 表单中处理图片，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下2021-01-01
这篇文章主要介绍了Vue引入高德地图并触发实现多个标点,主要是在public下的index.html中引入地图，引入组件设置宽高100%，本文通过示例代码给大家介绍的非常详细，需要的朋友可以参考下2022-05-05
这篇文章主要给大家介绍了关于项目部署后前端vue代理失效问题的解决办法,文中通过图文以及代码示例将解决的办法介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2024-02-02
在VSCode中添加好用的插件可以提高我们的开发效率,这些可以帮助我们格式化,扩充性,执行最佳实践的代码方式,自动完成一些琐碎的事情,下面这篇文章主要给大家推荐介绍了关于Vue3开发必备的六个VSCode插件,需要的朋友可以参考下2022-12-12
本文主要介绍了Vite性能优化之分包策略的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
这篇文章主要介绍了mpvue小程序循环动画开启暂停的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了vue computed的set方法无效问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
最新评论