vue element 实现 时间线聊天效果

vue

    
      
        
          
{{ desc.desc }}
        
      
    
 

生命周期的update钩子中调用

updated: function() {
    if (this.$refs['descScrollbar']) {
      this.scrollDown();
    }
  },

在页面update时加入调用method中方法

scrollDown() {
      this.$refs['descScrollbar'].wrap.scrollTop = this.$refs['descScrollbar'].wrap.scrollHeight;
    }

效果如下

image.png