javascript / intermediate
Snippet
Dynamische Template-Refs in v-for
Wenn das ref-Attribut innerhalb einer v-for-Schleife verwendet wird, füllt Vue die reaktive Zielreferenz automatisch mit einem Array von Elementen oder Komponenteninstanzen. Dies ist der Standardweg, um programmatisch mit einer dynamischen Liste von Kindern zu interagieren.
snippet.js
1
2
3
4
const itemRefs = ref([]);// Template usage:// <li v-for="item in list" ref="itemRefs">{{ item }}</li>
vue
Erklärung
1
ref([])
Initialisiert ein reaktives Array, das die Referenzen auf alle gerenderten Elemente in der Schleife aufnimmt.