vue scrollheight 不准确

vue的scrollHeight属性是用来获取元素内容的总高度的。然而，有时候我们会发现scrollHeight的值并不准确。

造成scrollHeight不准确的原因可能有以下几种：

1. 渲染延迟：在vue中，当组件渲染完成后，浏览器需要一定的时间去计算元素的高度。如果我们在渲染完成后立即获取scrollHeight的值，可能会得到一个不准确的结果。可以通过监听组件的mounted生命周期来获取准确的scrollHeight。

2. 内容更新：当内容更新时，尤其是动态加载的内容，scrollHeight的值并不会立即更新。这是因为浏览器在更新内容后并不会立即重新计算元素的高度，而是在下一次的渲染帧中才会生效。我们可以使用Vue的$nextTick方法来在下一次DOM更新后获取准确的scrollHeight。

3. 边框和内边距：scrollHeight是包括元素的边框和内边距的高度。如果我们设置了元素的边框或内边距，但没有考虑到这些因素，可能会导致scrollHeight的值不准确。

4. 浮动元素：如果元素中包含浮动元素，浏览器可能无法正确计算scrollHeight，因为浮动元素可能在页面布局上产生变化。

因此，要确保获取准确的scrollHeight值，可以通过监听组件的mounted生命周期，并在$nextTick中获取scrollHeight。同时，需要考虑到边框和内边距的影响，并排除浮动元素可能导致的影响。