（亲测可用）vue新消息自动滚到底部

2024年4月28日 295次阅读 来源: KASON 

mounted () {
   this.scrollToBottom();
},

 
//每次页面渲染完之后滚动条在最底部
updated:function(){
   this.scrollToBottom();
},
 
 
 methods: {
// 
     scrollToBottom() {
     this.$nextTick(() => {
        var container = this.$el.querySelector(" 需要滚动条处于底部的容器，css类名 ");
        container.scrollTop = container.scrollHeight;
     })}
 
}
  ```

关于获取this.$el.querySelector的知识，可以参考这里：

[this.$el.querySelector](https://developer.mozilla.org/zh-CN/docs/Web/API/Element/querySelector)
    原文作者：KASON
    原文地址: https://segmentfault.com/a/1190000020258748
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞