vue获取真实dom高度

Question

功能需求：

实现QQ一样的聊天窗口， 每次切换用户滚动条定位到底部

问题描述：

第一次进入，滚动条不会到底部，只有第二次及以后才行滚动到底部

实现代码

Answer 1

就是图片加载的问题导致的，之前也有遇到过，有三种常用的方案。1、图片高度定死，提供点击查看详情的功能；2、服务端将图片的宽高参数带上，这样在图片加载之前给图片的dom占个位；3、图片用懒加载，加载之前用一个默认图

Answer 2

一点改进意见:其实滚动到底可以直接在底部增加一个空白元素dom,直接调用dom.scrollIntoView即可。
至于图片高度，如果可能CSS提前指定一下是最好啦，这样浏览器可以预留空间来渲染图片~

Answer 3

监听new Image的 onload 事件，图片加载完之后再调用获取高度的方法。