Taulukoiden iterointiavaimien saaminen Vuessa
Joskus taulukon elementtien lisäksi haluaisimme pääsyn myös avaimiin. Tätä varten käytetään seuraavaa laajennettua syntaksia:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Avaimilla tulostettaessa voidaan tehdä erilaisia operaatioita. Esimerkiksi tehdään niin, että numerot alkavat ykkösestä:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Annettu seuraava taulukko:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Tulosta tämän taulukon avaimet
listana ul.
