vue3动态获取内容高度

在Vue3中，可以使用`ref`和`nextTick`来动态获取内容的高度。

首先，在template中添加一个包裹内容的元素，并给它一个ref：

<template>
  <div ref="contentWrapper">
    // 内容
  </div>
</template>

然后，在脚本中使用`ref`获取这个元素：

import { ref, nextTick } from 'vue'

export default {
  setup() {
    const contentWrapper = ref(null)

    // 使用nextTick获取内容高度
    nextTick(() => {
      const height = contentWrapper.value.offsetHeight
      console.log(height)
    })

    return {
      contentWrapper
    }
  }
}

在`nextTick`的回调函数中，可以使用`offsetHeight`来获取元素的高度。注意，`nextTick`是异步执行的，所以需要等待下一次DOM更新之后才能获取到正确的高度。