Guide
Learn
Links
Core
Add-ons
Versions
Appearance
Shorthand for binding refs to template elements and components inside v-for .
v-for
WARNING
This function only works for Vue 3
source
<template> <div v-for="i of 5" :key="i" :ref="refs.set"></div> </template> <script setup lang="ts"> import { onUpdated } from 'vue' import { useTemplateRefsList } from '@vueuse/core' const refs = useTemplateRefsList<HTMLDivElement>() onUpdated(() => { console.log(refs) </script>
<template> <div v-for="i of 5" :key="i" :ref="refs.set"></div> </template> <script setup lang="ts"> import { onUpdated } from 'vue' import { useTemplateRefsList } from '@vueuse/core' const refs = useTemplateRefsList<HTMLDivElement>() onUpdated(() => { console.log(refs)