vue 每次渲染完页面后div的滚动条保持在最底部

最新推荐文章于 2025-06-12 09:46:38 发布

Call_me_small_pure

最新推荐文章于 2025-06-12 09:46:38 发布

阅读量1.6w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： vue-js 文章标签： vue 滚动条底部最底部

路漫漫其修远兮，吾将上下而求索～

本文链接：https://blog.youkuaiyun.com/Call_me_small_pure/article/details/78892479

vue-js 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用Vue.js实现对话框自动滚动至底部的方法。通过在页面更新后使用$nextTick来获取对话框元素并设置其scrollTop属性为scrollHeight，确保了每次更新或首次加载时滚动条都在最底端。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//每次页面渲染完之后滚动条在最底部
updated() {
      this.$nextTick(() => {
      var div = document.getElementById('dialogue_box');
        div.scrollTop = div.scrollHeight;
      })
    }

//第一次页面渲染完之后滚动条在最底部
mounted() {
      this.$nextTick(() => {
      var div = document.getElementById('dialogue_box');
        div.scrollTop = div.scrollHeight;
      })
    }