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


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)

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理