vue3~~动态的refs

import type { Ref } from 'vue';
import { ref, onBeforeUpdate } from 'vue';

export function useRefs(): [Ref<HTMLElement[]>, (index: number) => (el: HTMLElement) => void] {
  const refs = ref([]) as Ref<HTMLElement[]>;

  onBeforeUpdate(() => {
    refs.value = [];
  });

  const setRefs = (index: number) => (el: HTMLElement) => {
    refs.value[index] = el;
  };

  return [refs, setRefs];
}
<component
:params="item"
:url="item.router"
:ref="setRefs(index)"
></HerLoadModule>
 
import { useRefs } from '@/global'
const [refs, setRefs] = useRefs()
 unref(refs)[index]