我的情况如下:我需要查找DIV组件的高度，以动态通知子组件其大小。

我试图创建一个手动加载模式，但由于某些原因，捕获的高度小于正常高度。

它捕获的大小是318px，但正确的高度应该是393px。

最奇怪的是，当我改变查找高度的方法，在clientHeight和offsetHeight之间切换时，自动加载显示div获得了正确的高度，但如果我更新页面(F5)，高度就会出错，然后继续出错。

Vue代码

export default {
  data() {
    return {
      height: 0,
      loading: false
  mounted() {
    this.height = this.$refs.infoBox.clientHeight;
}

HTML代码

<div class="bg-white shadow-md rounded max-w-xs mx-auto" id="info-box" ref="infoBox">
  <div class="absolute max-w-xs w-full overflow-auto bg-white opacity-50" :style="{ height: height + 'px'}" v-if="loading"></div>