Tömbök iterálásakor kulcsok lekérése Vue-ban
Időnként a tömb elemei mellett hozzá szeretnénk férni a kulcsokhoz is. Ehhez a következő kiterjesztett szintaxist használjuk:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
A kimenetben a kulcsokkal különböző műveleteket végezhetünk. Például tegyük úgy, hogy a számozás egyessel kezdődjön:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Adott a következő tömb:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Jelenítse meg a tömb kulcsait
egy ul listában.
