How to obtain multiple refs

[lixiaofa]

I want to get skuRows as an array

[LinusBorg]

https://vuejs.org/guide/essentials/template-refs.html#refs-inside-v-for

This also applies to .map() in JSX.

[lixiaofa]

https://vuejs.org/guide/essentials/template-refs.html#refs-inside-v-for

This also applies to .map() in JSX.

Ref on Component
I have tried. It will not be an array, but an object

[LinusBorg]

Ah, you are actually right, that might be a bit more problematic in JSX. in normal Templates, the compiler adds a private prop that marks this ref as "it needs to be an array as it's in a loop". In JSX, that doesn't happen automatically.

I think you would have to use a function, and reset it on update:

const skuRows = shallowRef([])
const skuRowsRefFn = (el) => skuRows.value.push(el)
onBeforeUpdate(() => skuRows.value = [])

// ...

<SkyRow ref={skuRowsRefFn} > 

[lixiaofa]

Ah, you are actually right, that might be a bit more problematic in JSX. in normal Templates, the compiler adds a private prop that marks this ref as "it needs to be an array as it's in a loop". In JSX, that doesn't happen automatically.

That's what I did, thank you