如何访问Vue中动态定义的嵌套ref？

当你在v-for里给嵌套子元素绑定动态ref（比如:ref="thing.id"）时，无法用常规的同名常量方式直接访问，推荐使用ref回调函数来手动收集元素引用，实现直接通过ID映射访问目标DOM元素。

实现代码示例 #

模板部分

<template>
  <div v-for="thing of someListOfObject">
    <!-- 用回调函数收集动态ref -->
    <div :ref="el => { if (el) dynamicRefs[thing.id] = el }">
      hi !
    </div>
  </div>
</template>

脚本部分（Vue3