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

你可能感兴趣的:(vue element 实现 时间线聊天效果)