滚动条初始显示在最底部

<div id="scroll">聊天记录数据很多,显示滚动条</div>

//updated生命周期钩子函数可以让弹窗在刚打开时,滚动条就在绑定id的盒子的最底部
updated() {
  this.scrollToBottom();
},
methods: {
  scrollToBottom() {
    const div = document.getElementById('scroll');
    div && (div.scrollTop = div.scrollHeight);
  },
}


应用场景:主要是用来显示聊天信息,让弹窗一出现就展示到最新的聊天进度

上一篇:vue生命周期执行顺序?(vue)


下一篇:一个超级好用的nmon扩展工具,高大上的监控linux资源