解决方法1:
- 这是使用v-for循环出来的dom,ref通过index下标来命名,
<div
v-for="(item, index) in dataList"
:key="item.id"
>
<mine-info
:ref="el => getMineRef(el, index)"
:title="item.title"
:data="item.data"
></mine-info>
</div>
const mineRefList = ref<HTMLElement[]>([]);
const getMineRef = (el:any, index:number) => {
if (el) {
mineRefList .value[index] = el;
}
};
- 使用forEach循环去取就行,这里的 item 就是通过ref拿到的 dom元素。可以操作上面定义的变量或方法
mineRefList.value?.forEach((item: any) => {
console.log(item)
});
解决方法2:
<div
v-for="(item, index) in dataList"
:key="item.id"
>
<mine-info
:ref="getMineRef"
:title="item.title"
:data="item.data"
></mine-info>
</div>
let mineRefList = ref<HTMLElement[]>([]);
const getMineRef = (el:any) => {
if (el) {
mineRefList.value.push(el);
}
};
mineRefList.value?.forEach((item: any) => {
console.log(item)
});