← 返回卡片墙幼苗技巧2026-06-13

vue 模板引用

v-for 中的元素上的 ref 在 script 中获取到的类型标注应该是 tuple：[InstanceType<typeof ExposeOfComponent>]

const basicInfoRef = ref<[InstanceType<typeof BasicInfo>] | null>(null)

const tabData = computed(() => ([
  basicInfoRef.value?.[0].basicModel,
] as [
    basicInfoRefBasicModel: Record<string, string>,
]))

<ATabPane v-for="tab in tabs" :key="tab" :tab="tab">
  <BasicInfo v-if="tab === '基本信息'" ref="basicInfoxRef" :readonly="false" />
</ATabPane>

vue typescript