Å hente nøkler ved iterasjon av arrays i Vue
Noen ganger, i tillegg til elementene i arrayet, ønsker vi også å få tilgang til nøklene. For dette brukes følgende utvidede syntaks:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Med nøkler ved utskrift kan man gjøre forskjellige operasjoner. For eksempel, la oss gjøre slik at nummereringen starter fra én:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Følgende array er gitt:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Skriv ut nøklene til dette arrayet
som en liste ul.
