有时我们组件绑定的ref的名称是动态的,在vue3中如何实现?
注:只写了关键代码:
// index是循环中的索引
<BarTalks :ref="(el) => setRefs(el, index)" :index="index"></BarTalks>
const barTalksCompRefs = ref([]);
const setRefs = (el: any, item: number) => {
barTalksCompRefs.value[item] = el;
}
// 具体使用:
for (let index = 0; index < classLength; index++) {
// 利用索引来获取对应的组件
barTalksCompRefs.value?.[index]?.changeData(allProblemNum[index]);
}