vue 项目中控制滚动条滑动到底部

1. 在使用overflow-y:scroll 的元素上，给定高度
2. 使用ref属性，便于在方法中获取到该元素，获取方法是this.$refs.(ref值)
3. this.messagesContainerTimer = setTimeout(()=>{ this.$refs.messagesContainer.scrollTop = this.$refs.messagesContainer.scrollHeight; console.log("当前滚动条位置:"+this.$refs.messagesContainer.scrollTop); console.log("当前可滚动区域容器的高度:"+this.$refs.messagesContainer.scrollHeight); // 清理定时器 clearTimeout(this.messagesContainerTimer); },0);
   最终会有一个bug：总是显示倒数第二条数据。但把代码放到查询数据成功之后的地方，就不会就bug,只要查询数据成功，滚动条永远都是在最底部