Hentning af nøgler ved gennemløb af arrays i Vue
Undertiden, udover elementerne i arrayet, ville vi også gerne have adgang til nøglerne. For at gøre dette anvendes følgende udvidede syntaks:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Med nøglerne ved udskrivning kan man udføre forskellige operationer. For eksempel, lad os gøre så numrene starter fra et:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Givet følgende array:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Udskriv nøglerne for dette array
som en liste med ul.
