how to use @Ref declare with ref in v-for element

[Lassell]

<template>
    <div>
        <div v-for="index in 10" :key="index" :ref="'No:'+index">
        	{{index}}    
    	</div>
    </div>
</template>

<script lang="ts">
import {Ref,Options,Vue} from 'vue-property-decorator'
export default Text extends Vue{
    //how to declare
    @Ref() ... 
}
</script>

[huangbh1024]

I have the same problem, how did you solve it

[jaredmcateer]

instead of making the name dynamic make it a static name and Vue makes the template Ref an array

<template>
    <div>
        <div v-for="index in 10" :key="index" ref="myRefs">
        	{{index}}    
    	</div>
    </div>
</template>

<script lang="ts">
import {Ref,Options,Vue} from 'vue-property-decorator'
export default Text extends Vue{
    @Ref() myRefs!: HTMLDivElement[];
}
</script>