vue3 通过 ref 获取dom元素为null?

onMounted这个钩子可能太早了。看你这个log，在log出来时value还是null（灰色的预览部分）。但你展开以后会重新获取属性，这时候才获取到组件。说明在这段时间内，组件才渲染完毕，并挂到了charRef上。如果想尽早使用charRef，可以用函数ref创建一个promise，相关逻辑都await这个promise执行。

<script lang="ts" setup>
let charRefRes: (ref: Element) => void
const charRefPromise = new Promise<Element>((res) => (charRefRes = res))

;(async function () {
  const charRef = await charRefPromise
  charRef.innerHTML = 'hello world'
})()
</script>

<template>
  <div :ref="(ref) => ref && charRefRes(ref as Element)"></div>
</template>